<head>
  <meta charset="UTF-8">
  <!-- <link rel="icon" href="/favicon.ico" /> -->
  <style cssr-id="n-ellipsis">.n-ellipsis {
  overflow: hidden;
}

.n-ellipsis:not(.n-ellipsis--line-clamp) {

 white-space: nowrap;
 display: inline-block;
 vertical-align: bottom;
 max-width: 100%;
 
}

.n-ellipsis.n-ellipsis--line-clamp {

 display: -webkit-inline-box;
 -webkit-box-orient: vertical;
 
}

.n-ellipsis.n-ellipsis--cursor-pointer {

 cursor: pointer;
 
}</style><style cssr-id="vueuc/x-scroll">.v-x-scroll {
  overflow: auto;
  scrollbar-width: none;
}

.v-x-scroll::-webkit-scrollbar {
  width: 0;
  height: 0;
}</style><style cssr-id="n-tabs">.n-tabs {

 box-sizing: border-box;
 width: 100%;
 display: flex;
 flex-direction: column;
 transition:
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);

}

.n-tabs.n-tabs--segment-type .n-tabs-rail.transition-disabled {
color: red;
}

.n-tabs.n-tabs--segment-type .n-tabs-rail.transition-disabled .n-tabs-tab {

 transition: none;
 
}

.n-tabs.n-tabs--top .n-tab-pane {

 padding: var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left);
 
}

.n-tabs.n-tabs--left .n-tab-pane {

 padding: var(--n-pane-padding-right) var(--n-pane-padding-bottom) var(--n-pane-padding-left) var(--n-pane-padding-top);
 
}

.n-tabs.n-tabs--left, .n-tabs.n-tabs--right {

 flex-direction: row;
 
}

.n-tabs.n-tabs--left .n-tabs-bar, .n-tabs.n-tabs--right .n-tabs-bar {

 width: 2px;
 right: 0;
 transition:
 top .2s var(--n-bezier),
 max-height .2s var(--n-bezier),
 background-color .3s var(--n-bezier);
 
}

.n-tabs.n-tabs--left .n-tabs-tab, .n-tabs.n-tabs--right .n-tabs-tab {

 padding: var(--n-tab-padding-vertical); 
 
}

.n-tabs.n-tabs--right {

 flex-direction: row-reverse;
 
}

.n-tabs.n-tabs--right .n-tab-pane {

 padding: var(--n-pane-padding-left) var(--n-pane-padding-top) var(--n-pane-padding-right) var(--n-pane-padding-bottom);
 
}

.n-tabs.n-tabs--right .n-tabs-bar {

 left: 0;
 
}

.n-tabs.n-tabs--bottom {

 flex-direction: column-reverse;
 justify-content: flex-end;
 
}

.n-tabs.n-tabs--bottom .n-tab-pane {

 padding: var(--n-pane-padding-bottom) var(--n-pane-padding-right) var(--n-pane-padding-top) var(--n-pane-padding-left);
 
}

.n-tabs.n-tabs--bottom .n-tabs-bar {

 top: 0;
 
}

.n-tabs .n-tabs-rail {

 padding: 3px;
 border-radius: var(--n-tab-border-radius);
 width: 100%;
 background-color: var(--n-color-segment);
 transition: background-color .3s var(--n-bezier);
 display: flex;
 align-items: center;
 
}

.n-tabs .n-tabs-rail .n-tabs-tab-wrapper {

 flex-basis: 0;
 flex-grow: 1;
 display: flex;
 align-items: center;
 justify-content: center;
 
}

.n-tabs .n-tabs-rail .n-tabs-tab-wrapper .n-tabs-tab {

 overflow: hidden;
 border-radius: var(--n-tab-border-radius);
 width: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
 
}

.n-tabs .n-tabs-rail .n-tabs-tab-wrapper .n-tabs-tab.n-tabs-tab--active {

 font-weight: var(--n-font-weight-strong);
 color: var(--n-tab-text-color-active);
 background-color: var(--n-tab-color-segment);
 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);
 
}

.n-tabs .n-tabs-rail .n-tabs-tab-wrapper .n-tabs-tab:hover {

 color: var(--n-tab-text-color-hover);
 
}

.n-tabs.n-tabs--flex .n-tabs-nav {
  width: 100%;
}

.n-tabs.n-tabs--flex .n-tabs-nav .n-tabs-wrapper {
  width: 100%;
}

.n-tabs.n-tabs--flex .n-tabs-nav .n-tabs-wrapper .n-tabs-tab {
  margin-right: 0;
}

.n-tabs .n-tabs-nav {

 box-sizing: border-box;
 line-height: 1.5;
 display: flex;
 transition: border-color .3s var(--n-bezier);
 
}

.n-tabs .n-tabs-nav .n-tabs-nav__prefix, .n-tabs .n-tabs-nav .n-tabs-nav__suffix {

 display: flex;
 align-items: center;
 
}

.n-tabs .n-tabs-nav .n-tabs-nav__prefix {
padding-right: 16px;
}

.n-tabs .n-tabs-nav .n-tabs-nav__suffix {
padding-left: 16px;
}

.n-tabs.n-tabs--top .n-tabs-nav-scroll-wrapper::before, .n-tabs.n-tabs--bottom .n-tabs-nav-scroll-wrapper::before {

 top: 0;
 bottom: 0;
 left: 0;
 width: 20px;
 
}

.n-tabs.n-tabs--top .n-tabs-nav-scroll-wrapper::after, .n-tabs.n-tabs--bottom .n-tabs-nav-scroll-wrapper::after {

 top: 0;
 bottom: 0;
 right: 0;
 width: 20px;
 
}

.n-tabs.n-tabs--top .n-tabs-nav-scroll-wrapper.n-tabs-nav-scroll-wrapper--shadow-start::before, .n-tabs.n-tabs--bottom .n-tabs-nav-scroll-wrapper.n-tabs-nav-scroll-wrapper--shadow-start::before {

 box-shadow: inset 10px 0 8px -8px rgba(0, 0, 0, .12);
 
}

.n-tabs.n-tabs--top .n-tabs-nav-scroll-wrapper.n-tabs-nav-scroll-wrapper--shadow-end::after, .n-tabs.n-tabs--bottom .n-tabs-nav-scroll-wrapper.n-tabs-nav-scroll-wrapper--shadow-end::after {

 box-shadow: inset -10px 0 8px -8px rgba(0, 0, 0, .12);
 
}

.n-tabs.n-tabs--left .n-tabs-nav-scroll-wrapper::before, .n-tabs.n-tabs--right .n-tabs-nav-scroll-wrapper::before {

 top: 0;
 left: 0;
 right: 0;
 height: 20px;
 
}

.n-tabs.n-tabs--left .n-tabs-nav-scroll-wrapper::after, .n-tabs.n-tabs--right .n-tabs-nav-scroll-wrapper::after {

 bottom: 0;
 left: 0;
 right: 0;
 height: 20px;
 
}

.n-tabs.n-tabs--left .n-tabs-nav-scroll-wrapper.n-tabs-nav-scroll-wrapper--shadow-start::before, .n-tabs.n-tabs--right .n-tabs-nav-scroll-wrapper.n-tabs-nav-scroll-wrapper--shadow-start::before {

 box-shadow: inset 0 10px 8px -8px rgba(0, 0, 0, .12);
 
}

.n-tabs.n-tabs--left .n-tabs-nav-scroll-wrapper.n-tabs-nav-scroll-wrapper--shadow-end::after, .n-tabs.n-tabs--right .n-tabs-nav-scroll-wrapper.n-tabs-nav-scroll-wrapper--shadow-end::after {

 box-shadow: inset 0 -10px 8px -8px rgba(0, 0, 0, .12);
 
}

.n-tabs .n-tabs-nav-scroll-wrapper {

 flex: 1;
 position: relative;
 overflow: hidden;
 
}

.n-tabs .n-tabs-nav-scroll-wrapper .n-tabs-nav-y-scroll {

 height: 100%;
 width: 100%;
 overflow-y: auto; 
 scrollbar-width: none;
 
}

.n-tabs .n-tabs-nav-scroll-wrapper .n-tabs-nav-y-scroll::-webkit-scrollbar {

 width: 0;
 height: 0;
 
}

.n-tabs .n-tabs-nav-scroll-wrapper::before, .n-tabs .n-tabs-nav-scroll-wrapper::after {

 transition: box-shadow .3s var(--n-bezier);
 pointer-events: none;
 content: "";
 position: absolute;
 z-index: 1;
 
}

.n-tabs .n-tabs-nav-scroll-content {

 display: flex;
 position: relative;
 min-width: 100%;
 width: fit-content;
 box-sizing: border-box;
 
}

.n-tabs .n-tabs-wrapper {

 display: inline-flex;
 flex-wrap: nowrap;
 position: relative;
 
}

.n-tabs .n-tabs-tab-wrapper {

 display: flex;
 flex-wrap: nowrap;
 flex-shrink: 0;
 flex-grow: 0;
 
}

.n-tabs .n-tabs-tab {

 cursor: pointer;
 white-space: nowrap;
 flex-wrap: nowrap;
 display: inline-flex;
 align-items: center;
 color: var(--n-tab-text-color);
 font-size: var(--n-tab-font-size);
 background-clip: padding-box;
 padding: var(--n-tab-padding);
 transition:
 box-shadow .3s var(--n-bezier),
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 
}

.n-tabs .n-tabs-tab.n-tabs-tab--disabled {
  cursor: not-allowed;
}

.n-tabs .n-tabs-tab .n-tabs-tab__close {

 margin-left: 6px;
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 
}

.n-tabs .n-tabs-tab .n-tabs-tab__label {

 display: flex;
 align-items: center;
 
}

.n-tabs .n-tabs-bar {

 position: absolute;
 bottom: 0;
 height: 2px;
 border-radius: 1px;
 background-color: var(--n-bar-color);
 transition:
 left .2s var(--n-bezier),
 max-width .2s var(--n-bezier),
 background-color .3s var(--n-bezier);
 
}

.n-tabs .n-tabs-bar.transition-disabled {

 transition: none;
 
}

.n-tabs .n-tabs-bar.n-tabs-bar--disabled {

 background-color: var(--n-tab-text-color-disabled)
 
}

.n-tabs .n-tabs-pane-wrapper {

 position: relative;
 overflow: hidden;
 transition: max-height .2s var(--n-bezier);
 
}

.n-tabs .n-tab-pane {

 color: var(--n-pane-text-color);
 width: 100%;
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 opacity .2s var(--n-bezier);
 left: 0;
 right: 0;
 top: 0;
 
}

.n-tabs .n-tab-pane.next-transition-leave-active, .n-tabs .n-tab-pane.prev-transition-leave-active, .n-tabs .n-tab-pane.next-transition-enter-active, .n-tabs .n-tab-pane.prev-transition-enter-active {

 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 transform .2s var(--n-bezier),
 opacity .2s var(--n-bezier);
 
}

.n-tabs .n-tab-pane.next-transition-leave-active, .n-tabs .n-tab-pane.prev-transition-leave-active {

 position: absolute;
 
}

.n-tabs .n-tab-pane.next-transition-enter-from, .n-tabs .n-tab-pane.prev-transition-leave-to {

 transform: translateX(32px);
 opacity: 0;
 
}

.n-tabs .n-tab-pane.next-transition-leave-to, .n-tabs .n-tab-pane.prev-transition-enter-from {

 transform: translateX(-32px);
 opacity: 0;
 
}

.n-tabs .n-tab-pane.next-transition-leave-from, .n-tabs .n-tab-pane.next-transition-enter-to, .n-tabs .n-tab-pane.prev-transition-leave-from, .n-tabs .n-tab-pane.prev-transition-enter-to {

 transform: translateX(0);
 opacity: 1;
 
}

.n-tabs .n-tabs-tab-pad {

 box-sizing: border-box;
 width: var(--n-tab-gap);
 flex-grow: 0;
 flex-shrink: 0;
 
}

.n-tabs.n-tabs--line-type .n-tabs-tab, .n-tabs.n-tabs--bar-type .n-tabs-tab {

 font-weight: var(--n-tab-font-weight);
 box-sizing: border-box;
 vertical-align: bottom;
 
}

.n-tabs.n-tabs--line-type .n-tabs-tab:hover, .n-tabs.n-tabs--bar-type .n-tabs-tab:hover {
  color: var(--n-tab-text-color-hover);
}

.n-tabs.n-tabs--line-type .n-tabs-tab.n-tabs-tab--active, .n-tabs.n-tabs--bar-type .n-tabs-tab.n-tabs-tab--active {

 color: var(--n-tab-text-color-active);
 font-weight: var(--n-tab-font-weight-active);
 
}

.n-tabs.n-tabs--line-type .n-tabs-tab.n-tabs-tab--disabled, .n-tabs.n-tabs--bar-type .n-tabs-tab.n-tabs-tab--disabled {
  color: var(--n-tab-text-color-disabled);
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--top .n-tabs-nav__prefix, .n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--top .n-tabs-nav__suffix {

 border-bottom: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--top .n-tabs-nav-scroll-content {

 border-bottom: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--top .n-tabs-bar {

 bottom: -1px;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--left .n-tabs-nav__prefix, .n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--left .n-tabs-nav__suffix {

 border-right: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--left .n-tabs-nav-scroll-content {

 border-right: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--left .n-tabs-bar {

 right: -1px;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--right .n-tabs-nav__prefix, .n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--right .n-tabs-nav__suffix {

 border-left: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--right .n-tabs-nav-scroll-content {

 border-left: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--right .n-tabs-bar {

 left: -1px;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--bottom .n-tabs-nav__prefix, .n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--bottom .n-tabs-nav__suffix {

 border-top: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--bottom .n-tabs-nav-scroll-content {

 border-top: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type.n-tabs-nav--bottom .n-tabs-bar {

 top: -1px;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type .n-tabs-nav__prefix, .n-tabs .n-tabs-nav.n-tabs-nav--line-type .n-tabs-nav__suffix {

 transition: border-color .3s var(--n-bezier);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type .n-tabs-nav-scroll-content {

 transition: border-color .3s var(--n-bezier);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--line-type .n-tabs-bar {

 border-radius: 0;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__prefix, .n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-nav__suffix {

 transition: border-color .3s var(--n-bezier);
 border-bottom: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-pad {

 flex-grow: 1;
 transition: border-color .3s var(--n-bezier);
 border-bottom: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab-pad {

 transition: border-color .3s var(--n-bezier);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab {

 font-weight: var(--n-tab-font-weight);
 border: 1px solid var(--n-tab-border-color);
 background-color: var(--n-tab-color);
 box-sizing: border-box;
 position: relative;
 vertical-align: bottom;
 display: flex;
 justify-content: space-between;
 font-size: var(--n-tab-font-size);
 color: var(--n-tab-text-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--addable {

 padding-left: 8px;
 padding-right: 8px;
 font-size: 16px;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--addable .n-tabs-tab__height-placeholder {

 width: 0;
 font-size: var(--n-tab-font-size);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--addable:not(.n-tabs-tab--disabled):hover {

 color: var(--n-tab-text-color-hover);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--closable {
padding-right: 8px;
}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--active {

 background-color: #0000;
 font-weight: var(--n-tab-font-weight-active);
 color: var(--n-tab-text-color-active);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--disabled {
color: var(--n-tab-text-color-disabled);
}

.n-tabs .n-tabs-nav.n-tabs-nav--card-type .n-tabs-scroll-padding {
border-bottom: 1px solid var(--n-tab-border-color);
}

.n-tabs .n-tabs-nav.n-tabs-nav--left .n-tabs-wrapper, .n-tabs .n-tabs-nav.n-tabs-nav--right .n-tabs-wrapper {

 flex-direction: column;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--left .n-tabs-wrapper .n-tabs-tab-wrapper, .n-tabs .n-tabs-nav.n-tabs-nav--right .n-tabs-wrapper .n-tabs-tab-wrapper {

 flex-direction: column;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--left .n-tabs-wrapper .n-tabs-tab-wrapper .n-tabs-tab-pad, .n-tabs .n-tabs-nav.n-tabs-nav--right .n-tabs-wrapper .n-tabs-tab-wrapper .n-tabs-tab-pad {

 height: var(--n-tab-gap-vertical);
 width: 100%;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab {

 border-top-left-radius: var(--n-tab-border-radius);
 border-top-right-radius: var(--n-tab-border-radius);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--active {

 border-bottom: 1px solid #0000;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--top.n-tabs-nav--card-type .n-tabs-tab-pad {

 border-bottom: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--left.n-tabs-nav--card-type .n-tabs-tab {

 border-top-left-radius: var(--n-tab-border-radius);
 border-bottom-left-radius: var(--n-tab-border-radius);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--left.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--active {

 border-right: 1px solid #0000;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--left.n-tabs-nav--card-type .n-tabs-tab-pad {

 border-right: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--right.n-tabs-nav--card-type .n-tabs-tab {

 border-top-right-radius: var(--n-tab-border-radius);
 border-bottom-right-radius: var(--n-tab-border-radius);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--right.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--active {

 border-left: 1px solid #0000;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--right.n-tabs-nav--card-type .n-tabs-tab-pad {

 border-left: 1px solid var(--n-tab-border-color);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--bottom.n-tabs-nav--card-type .n-tabs-tab {

 border-bottom-left-radius: var(--n-tab-border-radius);
 border-bottom-right-radius: var(--n-tab-border-radius);
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--bottom.n-tabs-nav--card-type .n-tabs-tab.n-tabs-tab--active {

 border-top: 1px solid #0000;
 
}

.n-tabs .n-tabs-nav.n-tabs-nav--bottom.n-tabs-nav--card-type .n-tabs-tab-pad {

 border-top: 1px solid var(--n-tab-border-color);
 
}</style><style cssr-id="n-divider">.n-divider {

 position: relative;
 display: flex;
 width: 100%;
 box-sizing: border-box;
 font-size: 16px;
 color: var(--n-text-color);
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier);

}

.n-divider:not(.n-divider--vertical) {

 margin-top: 24px;
 margin-bottom: 24px;
 
}

.n-divider:not(.n-divider--vertical):not(.n-divider--no-title) {

 display: flex;
 align-items: center;
 
}

.n-divider .n-divider__title {

 display: flex;
 align-items: center;
 margin-left: 12px;
 margin-right: 12px;
 white-space: nowrap;
 font-weight: var(--n-font-weight);
 
}

.n-divider.n-divider--title-position-left .n-divider__line.n-divider__line--left {
  width: 28px;
}

.n-divider.n-divider--title-position-right .n-divider__line.n-divider__line--right {
  width: 28px;
}

.n-divider.n-divider--dashed .n-divider__line {

 background-color: #0000;
 height: 0px;
 width: 100%;
 border-style: dashed;
 border-width: 1px 0 0;
 
}

.n-divider.n-divider--vertical {

 display: inline-block;
 height: 1em;
 margin: 0 8px;
 vertical-align: middle;
 width: 1px;
 
}

.n-divider .n-divider__line {

 border: none;
 transition: background-color .3s var(--n-bezier), border-color .3s var(--n-bezier);
 height: 1px;
 width: 100%;
 margin: 0;
 
}

.n-divider:not(.n-divider--dashed) .n-divider__line {
  background-color: var(--n-color);
}

.n-divider.n-divider--dashed .n-divider__line {
  border-color: var(--n-color);
}

.n-divider.n-divider--vertical {
  background-color: var(--n-color);
}</style><style cssr-id="n-avatar">.n-avatar {

 width: var(--n-merged-size);
 height: var(--n-merged-size);
 color: #FFF;
 font-size: var(--n-font-size);
 display: inline-flex;
 position: relative;
 overflow: hidden;
 text-align: center;
 border: var(--n-border);
 border-radius: var(--n-border-radius);
 --n-merged-color: var(--n-color);
 background-color: var(--n-merged-color);
 transition:
 border-color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);

}

.n-avatar .n-modal, .n-avatar .n-drawer {
--n-merged-color: var(--n-color-modal);
}

.n-avatar .n-popover {
--n-merged-color: var(--n-color-popover);
}

.n-avatar img {

 width: 100%;
 height: 100%;
 
}

.n-avatar .n-avatar__text {

 white-space: nowrap;
 display: inline-block;
 position: absolute;
 left: 50%;
 top: 50%;
 
}

.n-avatar .n-icon {

 vertical-align: bottom;
 font-size: calc(var(--n-merged-size) - 6px);
 
}

.n-avatar .n-avatar__text {
line-height: 1.25
}</style><style cssr-id="n-thing">.n-thing {

 display: flex;
 transition: color .3s var(--n-bezier);
 font-size: var(--n-font-size);
 color: var(--n-text-color);

}

.n-thing .n-thing-avatar {

 margin-right: 12px;
 margin-top: 2px;
 
}

.n-thing .n-thing-avatar-header-wrapper {

 display: flex;
 flex-wrap: nowrap;
 
}

.n-thing .n-thing-avatar-header-wrapper .n-thing-header-wrapper {

 flex: 1;
 
}

.n-thing .n-thing-main {

 flex-grow: 1;
 
}

.n-thing .n-thing-main .n-thing-header {

 display: flex;
 margin-bottom: 4px;
 justify-content: space-between;
 align-items: center;
 
}

.n-thing .n-thing-main .n-thing-header .n-thing-header__title {

 font-size: 16px;
 font-weight: var(--n-title-font-weight);
 transition: color .3s var(--n-bezier);
 color: var(--n-title-text-color);
 
}

.n-thing .n-thing-main .n-thing-main__description:not(:last-child) {

 margin-bottom: 4px;
 
}

.n-thing .n-thing-main .n-thing-main__content:not(:first-child) {

 margin-top: 12px;
 
}

.n-thing .n-thing-main .n-thing-main__footer:not(:first-child) {

 margin-top: 12px;
 
}

.n-thing .n-thing-main .n-thing-main__action:not(:first-child) {

 margin-top: 12px;
 
}</style><style cssr-id="n-base-icon">.n-base-icon {

 height: 1em;
 width: 1em;
 line-height: 1em;
 text-align: center;
 display: inline-block;
 position: relative;
 fill: currentColor;
 transform: translateZ(0);

}

.n-base-icon svg {

 height: 1em;
 width: 1em;
 
}</style><style cssr-id="n-empty">.n-empty {

 display: flex;
 flex-direction: column;
 align-items: center;
 font-size: var(--n-font-size);

}

.n-empty .n-empty__icon {

 width: var(--n-icon-size);
 height: var(--n-icon-size);
 font-size: var(--n-icon-size);
 line-height: var(--n-icon-size);
 color: var(--n-icon-color);
 transition:
 color .3s var(--n-bezier);
 
}

.n-empty .n-empty__icon + .n-empty__description {

 margin-top: 8px;
 
}

.n-empty .n-empty__description {

 transition: color .3s var(--n-bezier);
 color: var(--n-text-color);
 
}

.n-empty .n-empty__extra {

 text-align: center;
 transition: color .3s var(--n-bezier);
 margin-top: 12px;
 color: var(--n-extra-text-color);
 
}</style><style cssr-id="n-list">.n-list {

 --n-merged-border-color: var(--n-border-color);
 --n-merged-color: var(--n-color);
 --n-merged-color-hover: var(--n-color-hover);
 margin: 0;
 font-size: var(--n-font-size);
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 padding: 0;
 list-style-type: none;
 color: var(--n-text-color);
 background-color: var(--n-merged-color);
 
}

.n-list.n-list--show-divider .n-list-item:not(:last-child) .n-list-item__divider {

 background-color: var(--n-merged-border-color);
 
}

.n-list.n-list--clickable .n-list-item {

 cursor: pointer;
 
}

.n-list.n-list--bordered {

 border: 1px solid var(--n-merged-border-color);
 border-radius: var(--n-border-radius);
 
}

.n-list.n-list--hoverable .n-list-item {

 border-radius: var(--n-border-radius);
 
}

.n-list.n-list--hoverable .n-list-item:hover {

 background-color: var(--n-merged-color-hover);
 
}

.n-list.n-list--hoverable .n-list-item:hover .n-list-item__divider {

 background-color: transparent;
 
}

.n-list.n-list--bordered .n-list-item, .n-list.n-list--hoverable .n-list-item {

 padding: 12px 20px;
 
}

.n-list.n-list--bordered .n-list__header, .n-list.n-list--hoverable .n-list__header, .n-list.n-list--bordered .n-list__footer, .n-list.n-list--hoverable .n-list__footer {

 padding: 12px 20px;
 
}

.n-list .n-list__header, .n-list .n-list__footer {

 padding: 12px 0;
 box-sizing: border-box;
 transition: border-color .3s var(--n-bezier);
 
}

.n-list .n-list__header:not(:last-child), .n-list .n-list__footer:not(:last-child) {

 border-bottom: 1px solid var(--n-merged-border-color);
 
}

.n-list .n-list-item {

 position: relative;
 padding: 12px 0; 
 box-sizing: border-box;
 display: flex;
 flex-wrap: nowrap;
 align-items: center;
 transition:
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 
}

.n-list .n-list-item .n-list-item__prefix {

 margin-right: 20px;
 flex: 0;
 
}

.n-list .n-list-item .n-list-item__suffix {

 margin-left: 20px;
 flex: 0;
 
}

.n-list .n-list-item .n-list-item__main {

 flex: 1;
 
}

.n-list .n-list-item .n-list-item__divider {

 height: 1px;
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 background-color: transparent;
 transition: background-color .3s var(--n-bezier);
 pointer-events: none;
 
}

.n-modal .n-list, .n-drawer .n-list {

 --n-merged-color-hover: var(--n-color-hover-modal);
 --n-merged-color: var(--n-color-modal);
 --n-merged-border-color: var(--n-border-color-modal);
 
}

.n-popover .n-list {

 --n-merged-color-hover: var(--n-color-hover-popover);
 --n-merged-color: var(--n-color-popover);
 --n-merged-border-color: var(--n-border-color-popover);
 
}</style><style cssr-id="n-switch">.n-switch {

 height: var(--n-height);
 min-width: var(--n-width);
 vertical-align: middle;
 user-select: none;
 -webkit-user-select: none;
 display: inline-flex;
 outline: none;
 justify-content: center;
 align-items: center;

}

.n-switch .n-switch__children-placeholder {

 height: var(--n-rail-height);
 display: flex;
 flex-direction: column;
 overflow: hidden;
 pointer-events: none;
 visibility: hidden;
 
}

.n-switch .n-switch__rail-placeholder {

 display: flex;
 flex-wrap: none;
 
}

.n-switch .n-switch__button-placeholder {

 width: calc(1.75 * var(--n-rail-height));
 height: var(--n-rail-height);
 
}

.n-switch .n-base-loading {

 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateX(-50%) translateY(-50%);
 font-size: calc(var(--n-button-width) - 4px);
 color: var(--n-loading-color);
 transition: color .3s var(--n-bezier);
 
}

.n-switch .n-base-loading.icon-switch-transition-enter-from, .n-switch .n-base-loading.icon-switch-transition-leave-to {
  transform: translateX(-50%) translateY(-50%) scale(0.75);
  left: 50%;
  top: 50%;
  opacity: 0;
}

.n-switch .n-base-loading.icon-switch-transition-enter-to, .n-switch .n-base-loading.icon-switch-transition-leave-from {
  transform: scale(1) translateX(-50%) translateY(-50%);
  left: 50%;
  top: 50%;
  opacity: 1;
}

.n-switch .n-base-loading.icon-switch-transition-enter-active, .n-switch .n-base-loading.icon-switch-transition-leave-active {
  transform-origin: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-switch .n-switch__checked, .n-switch .n-switch__unchecked {

 transition: color .3s var(--n-bezier);
 color: var(--n-text-color);
 box-sizing: border-box;
 position: absolute;
 white-space: nowrap;
 top: 0;
 bottom: 0;
 display: flex;
 align-items: center;
 line-height: 1;
 
}

.n-switch .n-switch__checked {

 right: 0;
 padding-right: calc(1.25 * var(--n-rail-height) - var(--n-offset));
 
}

.n-switch .n-switch__unchecked {

 left: 0;
 justify-content: flex-end;
 padding-left: calc(1.25 * var(--n-rail-height) - var(--n-offset));
 
}

.n-switch:focus .n-switch__rail {

 box-shadow: var(--n-box-shadow-focus);
 
}

.n-switch.n-switch--round .n-switch__rail {
border-radius: calc(var(--n-rail-height) / 2);
}

.n-switch.n-switch--round .n-switch__rail .n-switch__button {
border-radius: calc(var(--n-button-height) / 2);
}

.n-switch:not(.n-switch--disabled):not(.n-switch--icon).n-switch--rubber-band.n-switch--pressed .n-switch__rail .n-switch__button {
max-width: var(--n-button-width-pressed);
}

.n-switch:not(.n-switch--disabled):not(.n-switch--icon).n-switch--rubber-band .n-switch__rail:active .n-switch__button {
max-width: var(--n-button-width-pressed);
}

.n-switch:not(.n-switch--disabled):not(.n-switch--icon).n-switch--rubber-band.n-switch--active.n-switch--pressed .n-switch__rail .n-switch__button {
left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));
}

.n-switch:not(.n-switch--disabled):not(.n-switch--icon).n-switch--rubber-band.n-switch--active .n-switch__rail:active .n-switch__button {
left: calc(100% - var(--n-offset) - var(--n-button-width-pressed));
}

.n-switch.n-switch--active .n-switch__rail .n-switch__button {
left: calc(100% - var(--n-button-width) - var(--n-offset))
}

.n-switch .n-switch__rail {

 overflow: hidden;
 height: var(--n-rail-height);
 min-width: var(--n-rail-width);
 border-radius: var(--n-rail-border-radius);
 cursor: pointer;
 position: relative;
 transition:
 opacity .3s var(--n-bezier),
 background .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier);
 background-color: var(--n-rail-color);
 
}

.n-switch .n-switch__rail .n-switch__button-icon {

 color: var(--n-icon-color);
 transition: color .3s var(--n-bezier);
 font-size: calc(var(--n-button-height) - 4px);
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 display: flex;
 justify-content: center;
 align-items: center;
 line-height: 1;
 
}

.n-switch .n-switch__rail .n-switch__button-icon.icon-switch-transition-enter-from, .n-switch .n-switch__rail .n-switch__button-icon.icon-switch-transition-leave-to {
  transform:  scale(0.75);
  left: 0;
  top: 0;
  opacity: 0;
}

.n-switch .n-switch__rail .n-switch__button-icon.icon-switch-transition-enter-to, .n-switch .n-switch__rail .n-switch__button-icon.icon-switch-transition-leave-from {
  transform: scale(1) ;
  left: 0;
  top: 0;
  opacity: 1;
}

.n-switch .n-switch__rail .n-switch__button-icon.icon-switch-transition-enter-active, .n-switch .n-switch__rail .n-switch__button-icon.icon-switch-transition-leave-active {
  transform-origin: center;
  position: absolute;
  left: 0;
  top: 0;
  transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-switch .n-switch__rail .n-switch__button {

 align-items: center; 
 top: var(--n-offset);
 left: var(--n-offset);
 height: var(--n-button-height);
 width: var(--n-button-width-pressed);
 max-width: var(--n-button-width);
 border-radius: var(--n-button-border-radius);
 background-color: var(--n-button-color);
 box-shadow: var(--n-button-box-shadow);
 box-sizing: border-box;
 cursor: inherit;
 content: "";
 position: absolute;
 transition:
 background-color .3s var(--n-bezier),
 left .3s var(--n-bezier),
 opacity .3s var(--n-bezier),
 max-width .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier);
 
}

.n-switch.n-switch--active .n-switch__rail {
background-color: var(--n-rail-color-active);
}

.n-switch.n-switch--loading .n-switch__rail {

 cursor: wait;
 
}

.n-switch.n-switch--disabled .n-switch__rail {

 cursor: not-allowed;
 opacity: .5;
 
}</style><style cssr-id="n-base-loading">@keyframes loading-container-rotate {

 to {
 -webkit-transform: rotate(360deg);
 transform: rotate(360deg);
 }
 
}

@keyframes loading-layer-rotate {

 12.5% {
 -webkit-transform: rotate(135deg);
 transform: rotate(135deg);
 }
 25% {
 -webkit-transform: rotate(270deg);
 transform: rotate(270deg);
 }
 37.5% {
 -webkit-transform: rotate(405deg);
 transform: rotate(405deg);
 }
 50% {
 -webkit-transform: rotate(540deg);
 transform: rotate(540deg);
 }
 62.5% {
 -webkit-transform: rotate(675deg);
 transform: rotate(675deg);
 }
 75% {
 -webkit-transform: rotate(810deg);
 transform: rotate(810deg);
 }
 87.5% {
 -webkit-transform: rotate(945deg);
 transform: rotate(945deg);
 }
 100% {
 -webkit-transform: rotate(1080deg);
 transform: rotate(1080deg);
 } 
 
}

@keyframes loading-left-spin {

 from {
 -webkit-transform: rotate(265deg);
 transform: rotate(265deg);
 }
 50% {
 -webkit-transform: rotate(130deg);
 transform: rotate(130deg);
 }
 to {
 -webkit-transform: rotate(265deg);
 transform: rotate(265deg);
 }
 
}

@keyframes loading-right-spin {

 from {
 -webkit-transform: rotate(-265deg);
 transform: rotate(-265deg);
 }
 50% {
 -webkit-transform: rotate(-130deg);
 transform: rotate(-130deg);
 }
 to {
 -webkit-transform: rotate(-265deg);
 transform: rotate(-265deg);
 }
 
}

.n-base-loading {

 position: relative;
 line-height: 0;
 width: 1em;
 height: 1em;
 
}

.n-base-loading .n-base-loading__transition-wrapper {

 position: absolute;
 width: 100%;
 height: 100%;
 
}

.n-base-loading .n-base-loading__transition-wrapper.icon-switch-transition-enter-from, .n-base-loading .n-base-loading__transition-wrapper.icon-switch-transition-leave-to {
  transform:  scale(0.75);
  left: 0;
  top: 0;
  opacity: 0;
}

.n-base-loading .n-base-loading__transition-wrapper.icon-switch-transition-enter-to, .n-base-loading .n-base-loading__transition-wrapper.icon-switch-transition-leave-from {
  transform: scale(1) ;
  left: 0;
  top: 0;
  opacity: 1;
}

.n-base-loading .n-base-loading__transition-wrapper.icon-switch-transition-enter-active, .n-base-loading .n-base-loading__transition-wrapper.icon-switch-transition-leave-active {
  transform-origin: center;
  position: absolute;
  left: 0;
  top: 0;
  transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-base-loading .n-base-loading__container {

 display: inline-flex;
 position: relative;
 direction: ltr;
 line-height: 0;
 animation: loading-container-rotate 1568.2352941176ms linear infinite;
 font-size: 0;
 letter-spacing: 0;
 white-space: nowrap;
 opacity: 1;
 width: 100%;
 height: 100%;
 
}

.n-base-loading .n-base-loading__container .n-base-loading__svg {

 stroke: var(--n-text-color);
 fill: transparent;
 position: absolute;
 height: 100%;
 overflow: hidden;
 
}

.n-base-loading .n-base-loading__container .n-base-loading__container-layer {

 position: absolute;
 width: 100%;
 height: 100%;
 animation: loading-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
 
}

.n-base-loading .n-base-loading__container .n-base-loading__container-layer .n-base-loading__container-layer-left {

 display: inline-flex;
 position: relative;
 width: 50%;
 height: 100%;
 overflow: hidden;
 
}

.n-base-loading .n-base-loading__container .n-base-loading__container-layer .n-base-loading__container-layer-left .n-base-loading__svg {

 animation: loading-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
 width: 200%;
 
}

.n-base-loading .n-base-loading__container .n-base-loading__container-layer .n-base-loading__container-layer-patch {

 position: absolute;
 top: 0;
 left: 47.5%;
 box-sizing: border-box;
 width: 5%;
 height: 100%;
 overflow: hidden;
 
}

.n-base-loading .n-base-loading__container .n-base-loading__container-layer .n-base-loading__container-layer-patch .n-base-loading__svg {

 left: -900%;
 width: 2000%;
 transform: rotate(180deg);
 
}

.n-base-loading .n-base-loading__container .n-base-loading__container-layer .n-base-loading__container-layer-right {

 display: inline-flex;
 position: relative;
 width: 50%;
 height: 100%;
 overflow: hidden;
 
}

.n-base-loading .n-base-loading__container .n-base-loading__container-layer .n-base-loading__container-layer-right .n-base-loading__svg {

 animation: loading-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
 left: -100%;
 width: 200%;
 
}

.n-base-loading .n-base-loading__placeholder {

 position: absolute;
 left: 50%;
 top: 50%;
 transform: translateX(-50%) translateY(-50%);
 
}

.n-base-loading .n-base-loading__placeholder.icon-switch-transition-enter-from, .n-base-loading .n-base-loading__placeholder.icon-switch-transition-leave-to {
  transform: translateX(-50%) translateY(-50%) scale(0.75);
  left: 50%;
  top: 50%;
  opacity: 0;
}

.n-base-loading .n-base-loading__placeholder.icon-switch-transition-enter-to, .n-base-loading .n-base-loading__placeholder.icon-switch-transition-leave-from {
  transform: scale(1) translateX(-50%) translateY(-50%);
  left: 50%;
  top: 50%;
  opacity: 1;
}

.n-base-loading .n-base-loading__placeholder.icon-switch-transition-enter-active, .n-base-loading .n-base-loading__placeholder.icon-switch-transition-leave-active {
  transform-origin: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
}</style><style cssr-id="n-modal">.n-modal-container {

 position: fixed;
 left: 0;
 top: 0;
 height: 0;
 width: 0;
 display: flex;
 
}

.n-modal-mask {

 position: fixed;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 background-color: rgba(0, 0, 0, .4);
 
}

.n-modal-mask.fade-in-transition-enter-active {
  transition: all .25s var(--n-bezier-ease-out)!important;
}

.n-modal-mask.fade-in-transition-leave-active {
  transition: all .25s var(--n-bezier-ease-out)!important;
}

.n-modal-mask.fade-in-transition-enter-from, .n-modal-mask.fade-in-transition-leave-to {
  opacity: 0;
}

.n-modal-mask.fade-in-transition-leave-from, .n-modal-mask.fade-in-transition-enter-to {
  opacity: 1;
}

.n-modal-body-wrapper {

 position: fixed;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 overflow: visible;
 
}

.n-modal-body-wrapper .n-modal-scroll-content {

 min-height: 100%;
 display: flex;
 position: relative;
 
}

.n-modal {

 position: relative;
 align-self: center;
 color: var(--n-text-color);
 margin: auto;
 box-shadow: var(--n-box-shadow);
 
}

.n-modal.fade-in-scale-up-transition-leave-active {
  transform-origin: inherit;
  transition: opacity .25s cubic-bezier(.4, 0, 1, 1), transform .25s cubic-bezier(.4, 0, 1, 1) ;
}

.n-modal.fade-in-scale-up-transition-enter-active {
  transform-origin: inherit;
  transition: opacity .25s cubic-bezier(0, 0, .2, 1), transform .25s cubic-bezier(0, 0, .2, 1) ;
}

.n-modal.fade-in-scale-up-transition-enter-from, .n-modal.fade-in-scale-up-transition-leave-to {
  opacity: 0;
  transform:  scale(.5);
}

.n-modal.fade-in-scale-up-transition-leave-from, .n-modal.fade-in-scale-up-transition-enter-to {
  opacity: 1;
  transform:  scale(1);
}</style><style cssr-id="n-spin">@keyframes spin-rotate {

 from {
 transform: rotate(0);
 }
 to {
 transform: rotate(360deg);
 }
 
}

.n-spin-container {
  position: relative;
}

.n-spin-container .n-spin-body {

 position: absolute;
 top: 50%;
 left: 50%;
 transform: translateX(-50%) translateY(-50%);
 
}

.n-spin-container .n-spin-body.fade-in-transition-enter-active {
  transition: all 0.2s cubic-bezier(.4, 0, .2, 1)!important;
}

.n-spin-container .n-spin-body.fade-in-transition-leave-active {
  transition: all 0.2s cubic-bezier(.4, 0, .2, 1)!important;
}

.n-spin-container .n-spin-body.fade-in-transition-enter-from, .n-spin-container .n-spin-body.fade-in-transition-leave-to {
  opacity: 0;
}

.n-spin-container .n-spin-body.fade-in-transition-leave-from, .n-spin-container .n-spin-body.fade-in-transition-enter-to {
  opacity: 1;
}

.n-spin-body {

 display: inline-flex;
 align-items: center;
 justify-content: center;
 flex-direction: column;
 
}

.n-spin {

 display: inline-flex;
 height: var(--n-size);
 width: var(--n-size);
 font-size: var(--n-size);
 color: var(--n-color);
 
}

.n-spin.n-spin--rotate {

 animation: spin-rotate 2s linear infinite;
 
}

.n-spin-description {

 display: inline-block;
 font-size: var(--n-font-size);
 color: var(--n-text-color);
 transition: color .3s var(--n-bezier);
 margin-top: 8px;
 
}

.n-spin-content {

 opacity: 1;
 transition: opacity .3s var(--n-bezier);
 pointer-events: all;
 
}

.n-spin-content.n-spin-content--spinning {

 user-select: none;
 -webkit-user-select: none;
 pointer-events: none;
 opacity: var(--n-opacity-spinning);
 
}</style><style cssr-id="n-card">.n-card {

 font-size: var(--n-font-size);
 line-height: var(--n-line-height);
 display: flex;
 flex-direction: column;
 width: 100%;
 box-sizing: border-box;
 position: relative;
 border-radius: var(--n-border-radius);
 background-color: var(--n-color);
 color: var(--n-text-color);
 word-break: break-word;
 transition: 
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 box-shadow .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 
}

.n-card.n-modal {
  background: var(--n-color-modal);
}

.n-card.n-card--hoverable:hover {
box-shadow: var(--n-box-shadow);
}

.n-card.n-card--content-segmented > .n-card__content {
  padding-top: var(--n-padding-bottom);
}

.n-card.n-card--content-soft-segmented > .n-card__content {

 margin: 0 var(--n-padding-left);
 padding: var(--n-padding-bottom) 0;
 
}

.n-card.n-card--footer-segmented > .n-card__footer {
  padding-top: var(--n-padding-bottom);
}

.n-card.n-card--footer-soft-segmented > .n-card__footer {

 padding: var(--n-padding-bottom) 0;
 margin: 0 var(--n-padding-left);
 
}

.n-card > .n-card-header {

 box-sizing: border-box;
 display: flex;
 align-items: center;
 font-size: var(--n-title-font-size);
 padding:
 var(--n-padding-top)
 var(--n-padding-left)
 var(--n-padding-bottom)
 var(--n-padding-left);
 
}

.n-card > .n-card-header .n-card-header__main {

 font-weight: var(--n-title-font-weight);
 transition: color .3s var(--n-bezier);
 flex: 1;
 min-width: 0;
 color: var(--n-title-text-color);
 
}

.n-card > .n-card-header .n-card-header__extra {

 display: flex;
 align-items: center;
 font-size: var(--n-font-size);
 font-weight: 400;
 transition: color .3s var(--n-bezier);
 color: var(--n-text-color);
 
}

.n-card > .n-card-header .n-card-header__close {

 margin: 0 0 0 8px;
 transition:
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 
}

.n-card > .n-card__action {

 box-sizing: border-box;
 transition:
 background-color .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 background-clip: padding-box;
 background-color: var(--n-action-color);
 
}

.n-card > .n-card__content {
flex: 1; min-width: 0;
}

.n-card > .n-card__content, .n-card > .n-card__footer {

 box-sizing: border-box;
 padding: 0 var(--n-padding-left) var(--n-padding-bottom) var(--n-padding-left);
 font-size: var(--n-font-size);
 
}

.n-card > .n-card__content:first-child, .n-card > .n-card__footer:first-child {
  padding-top: var(--n-padding-bottom);
}

.n-card > .n-card__action {

 background-color: var(--n-action-color);
 padding: var(--n-padding-bottom) var(--n-padding-left);
 border-bottom-left-radius: var(--n-border-radius);
 border-bottom-right-radius: var(--n-border-radius);
 
}

.n-card .n-card-cover {

 overflow: hidden;
 width: 100%;
 border-radius: var(--n-border-radius) var(--n-border-radius) 0 0;
 
}

.n-card .n-card-cover img {

 display: block;
 width: 100%;
 
}

.n-card.n-card--bordered {

 border: 1px solid var(--n-border-color);
 
}

.n-card.n-card--bordered:target {
border-color: var(--n-color-target);
}

.n-card.n-card--action-segmented > .n-card__action:not(:first-child) {
  border-top: 1px solid var(--n-border-color);
}

.n-card.n-card--content-segmented > .n-card__content, .n-card.n-card--content-soft-segmented > .n-card__content {
  transition: border-color 0.3s var(--n-bezier);
}

.n-card.n-card--content-segmented > .n-card__content:not(:first-child), .n-card.n-card--content-soft-segmented > .n-card__content:not(:first-child) {
  border-top: 1px solid var(--n-border-color);
}

.n-card.n-card--footer-segmented > .n-card__footer, .n-card.n-card--footer-soft-segmented > .n-card__footer {
  transition: border-color 0.3s var(--n-bezier);
}

.n-card.n-card--footer-segmented > .n-card__footer:not(:first-child), .n-card.n-card--footer-soft-segmented > .n-card__footer:not(:first-child) {
  border-top: 1px solid var(--n-border-color);
}

.n-card.n-card--embedded {

 background-color: var(--n-color-embedded);
 
}

.n-modal .n-card, .n-drawer .n-card {

 background: var(--n-color-modal);
 
}

.n-modal .n-card.n-card--embedded, .n-drawer .n-card.n-card--embedded {

 background-color: var(--n-color-embedded-modal);
 
}

.n-popover .n-card {

 background: var(--n-color-popover);
 
}

.n-popover .n-card.n-card--embedded {

 background-color: var(--n-color-embedded-popover);
 
}</style><style cssr-id="n-base-clear">.n-base-clear {

 flex-shrink: 0;
 height: 1em;
 width: 1em;
 position: relative;

}

.n-base-clear > .n-base-clear__clear {

 font-size: var(--n-clear-size);
 height: 1em;
 width: 1em;
 cursor: pointer;
 color: var(--n-clear-color);
 transition: color .3s var(--n-bezier);
 display: flex;
 
}

.n-base-clear > .n-base-clear__clear:hover {

 color: var(--n-clear-color-hover)!important;
 
}

.n-base-clear > .n-base-clear__clear:active {

 color: var(--n-clear-color-pressed)!important;
 
}

.n-base-clear > .n-base-clear__placeholder {

 display: flex;
 
}

.n-base-clear > .n-base-clear__clear, .n-base-clear > .n-base-clear__placeholder {

 position: absolute;
 left: 50%;
 top: 50%;
 transform: translateX(-50%) translateY(-50%);
 
}

.n-base-clear > .n-base-clear__clear.icon-switch-transition-enter-from, .n-base-clear > .n-base-clear__placeholder.icon-switch-transition-enter-from, .n-base-clear > .n-base-clear__clear.icon-switch-transition-leave-to, .n-base-clear > .n-base-clear__placeholder.icon-switch-transition-leave-to {
  transform: translateX(-50%) translateY(-50%) scale(0.75);
  left: 50%;
  top: 50%;
  opacity: 0;
}

.n-base-clear > .n-base-clear__clear.icon-switch-transition-enter-to, .n-base-clear > .n-base-clear__placeholder.icon-switch-transition-enter-to, .n-base-clear > .n-base-clear__clear.icon-switch-transition-leave-from, .n-base-clear > .n-base-clear__placeholder.icon-switch-transition-leave-from {
  transform: scale(1) translateX(-50%) translateY(-50%);
  left: 50%;
  top: 50%;
  opacity: 1;
}

.n-base-clear > .n-base-clear__clear.icon-switch-transition-enter-active, .n-base-clear > .n-base-clear__placeholder.icon-switch-transition-enter-active, .n-base-clear > .n-base-clear__clear.icon-switch-transition-leave-active, .n-base-clear > .n-base-clear__placeholder.icon-switch-transition-leave-active {
  transform-origin: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
}</style><style cssr-id="n-input">.n-input {

 max-width: 100%;
 cursor: text;
 line-height: 1.5;
 z-index: auto;
 outline: none;
 box-sizing: border-box;
 position: relative;
 display: inline-flex;
 border-radius: var(--n-border-radius);
 background-color: var(--n-color);
 transition: background-color .3s var(--n-bezier);
 font-size: var(--n-font-size);
 --n-padding-vertical: calc((var(--n-height) - 1.5 * var(--n-font-size)) / 2);

}

.n-input .n-input__input, .n-input .n-input__textarea {

 overflow: hidden;
 flex-grow: 1;
 position: relative;
 
}

.n-input .n-input__input-el, .n-input .n-input__textarea-el, .n-input .n-input__input-mirror, .n-input .n-input__textarea-mirror, .n-input .n-input__separator, .n-input .n-input__placeholder {

 box-sizing: border-box;
 font-size: inherit;
 line-height: 1.5;
 font-family: inherit;
 border: none;
 outline: none;
 background-color: #0000;
 text-align: inherit;
 transition:
 -webkit-text-fill-color .3s var(--n-bezier),
 caret-color .3s var(--n-bezier),
 color .3s var(--n-bezier),
 text-decoration-color .3s var(--n-bezier);
 
}

.n-input .n-input__input-el, .n-input .n-input__textarea-el {

 -webkit-appearance: none;
 scrollbar-width: none;
 width: 100%;
 min-width: 0;
 text-decoration-color: var(--n-text-decoration-color);
 color: var(--n-text-color);
 caret-color: var(--n-caret-color);
 background-color: transparent;
 
}

.n-input .n-input__input-el::-webkit-scrollbar, .n-input .n-input__textarea-el::-webkit-scrollbar, .n-input .n-input__input-el::-webkit-scrollbar-track-piece, .n-input .n-input__textarea-el::-webkit-scrollbar-track-piece, .n-input .n-input__input-el::-webkit-scrollbar-thumb, .n-input .n-input__textarea-el::-webkit-scrollbar-thumb {

 width: 0;
 height: 0;
 display: none;
 
}

.n-input .n-input__input-el::placeholder, .n-input .n-input__textarea-el::placeholder {

 color: #0000;
 -webkit-text-fill-color: transparent !important;
 
}

.n-input .n-input__input-el:-webkit-autofill ~ .n-input__placeholder, .n-input .n-input__textarea-el:-webkit-autofill ~ .n-input__placeholder {
display: none;
}

.n-input.n-input--round:not(.n-input--textarea) {
border-radius: calc(var(--n-height) / 2);
}

.n-input .n-input__placeholder {

 pointer-events: none;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 overflow: hidden;
 color: var(--n-placeholder-color);
 
}

.n-input .n-input__placeholder span {

 width: 100%;
 display: inline-block;
 
}

.n-input.n-input--textarea .n-input__placeholder {
overflow: visible;
}

.n-input:not(.n-input--autosize) {
width: 100%;
}

.n-input.n-input--autosize .n-input__textarea-el, .n-input.n-input--autosize .n-input__input-el {

 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 
}

.n-input .n-input-wrapper {

 overflow: hidden;
 display: inline-flex;
 flex-grow: 1;
 position: relative;
 padding-left: var(--n-padding-left);
 padding-right: var(--n-padding-right);
 
}

.n-input .n-input__input-mirror {

 padding: 0;
 height: var(--n-height);
 line-height: var(--n-height);
 overflow: hidden;
 visibility: hidden;
 position: static;
 white-space: pre;
 pointer-events: none;
 
}

.n-input .n-input__input-el {

 padding: 0;
 height: var(--n-height);
 line-height: var(--n-height);
 
}

.n-input .n-input__input-el + .n-input__placeholder {

 display: flex;
 align-items: center; 
 
}

.n-input:not(.n-input--textarea) .n-input__placeholder {
white-space: nowrap;
}

.n-input .n-input__eye {

 display: flex;
 align-items: center;
 justify-content: center;
 transition: color .3s var(--n-bezier);
 
}

.n-input.n-input--textarea {
width: 100%;
}

.n-input.n-input--textarea .n-input-word-count {

 position: absolute;
 right: var(--n-padding-right);
 bottom: var(--n-padding-vertical);
 
}

.n-input.n-input--textarea.n-input--resizable .n-input-wrapper {

 resize: vertical;
 min-height: var(--n-height);
 
}

.n-input.n-input--textarea .n-input__textarea-el, .n-input.n-input--textarea .n-input__textarea-mirror, .n-input.n-input--textarea .n-input__placeholder {

 height: 100%;
 padding-left: 0;
 padding-right: 0;
 padding-top: var(--n-padding-vertical);
 padding-bottom: var(--n-padding-vertical);
 word-break: break-word;
 display: inline-block;
 vertical-align: bottom;
 box-sizing: border-box;
 line-height: var(--n-line-height-textarea);
 margin: 0;
 resize: none;
 white-space: pre-wrap;
 
}

.n-input.n-input--textarea .n-input__textarea-mirror {

 width: 100%;
 pointer-events: none;
 overflow: hidden;
 visibility: hidden;
 position: static;
 white-space: pre-wrap;
 overflow-wrap: break-word;
 
}

.n-input.n-input--pair .n-input__input-el, .n-input.n-input--pair .n-input__placeholder {
text-align: center;
}

.n-input.n-input--pair .n-input__separator {

 display: flex;
 align-items: center;
 transition: color .3s var(--n-bezier);
 color: var(--n-text-color);
 white-space: nowrap;
 
}

.n-input.n-input--pair .n-input__separator .n-icon {

 color: var(--n-icon-color);
 
}

.n-input.n-input--pair .n-input__separator .n-base-icon {

 color: var(--n-icon-color);
 
}

.n-input.n-input--disabled {

 cursor: not-allowed;
 background-color: var(--n-color-disabled);
 
}

.n-input.n-input--disabled .n-input__border {
border: var(--n-border-disabled);
}

.n-input.n-input--disabled .n-input__input-el, .n-input.n-input--disabled .n-input__textarea-el {

 cursor: not-allowed;
 color: var(--n-text-color-disabled);
 text-decoration-color: var(--n-text-color-disabled);
 
}

.n-input.n-input--disabled .n-input__placeholder {
color: var(--n-placeholder-color-disabled);
}

.n-input.n-input--disabled .n-input__separator {
color: var(--n-text-color-disabled);
}

.n-input.n-input--disabled .n-input__separator .n-icon {

 color: var(--n-icon-color-disabled);
 
}

.n-input.n-input--disabled .n-input__separator .n-base-icon {

 color: var(--n-icon-color-disabled);
 
}

.n-input.n-input--disabled .n-input-word-count {

 color: var(--n-count-text-color-disabled);
 
}

.n-input.n-input--disabled .n-input__suffix, .n-input.n-input--disabled .n-input__prefix {
color: var(--n-text-color-disabled);
}

.n-input.n-input--disabled .n-input__suffix .n-icon, .n-input.n-input--disabled .n-input__prefix .n-icon {

 color: var(--n-icon-color-disabled);
 
}

.n-input.n-input--disabled .n-input__suffix .n-internal-icon, .n-input.n-input--disabled .n-input__prefix .n-internal-icon {

 color: var(--n-icon-color-disabled);
 
}

.n-input:not(.n-input--disabled) .n-input__eye {

 color: var(--n-icon-color);
 cursor: pointer;
 
}

.n-input:not(.n-input--disabled) .n-input__eye:hover {

 color: var(--n-icon-color-hover);
 
}

.n-input:not(.n-input--disabled) .n-input__eye:active {

 color: var(--n-icon-color-pressed);
 
}

.n-input:not(.n-input--disabled):hover .n-input__state-border {
border: var(--n-border-hover);
}

.n-input:not(.n-input--disabled).n-input--focus {
background-color: var(--n-color-focus);
}

.n-input:not(.n-input--disabled).n-input--focus .n-input__state-border {

 border: var(--n-border-focus);
 box-shadow: var(--n-box-shadow-focus);
 
}

.n-input .n-input__border, .n-input .n-input__state-border {

 box-sizing: border-box;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 pointer-events: none;
 border-radius: inherit;
 border: var(--n-border);
 transition:
 box-shadow .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 
}

.n-input .n-input__state-border {

 border-color: #0000;
 z-index: 1;
 
}

.n-input .n-input__prefix {
margin-right: 4px;
}

.n-input .n-input__suffix {

 margin-left: 4px;
 
}

.n-input .n-input__suffix, .n-input .n-input__prefix {

 transition: color .3s var(--n-bezier);
 flex-wrap: nowrap;
 flex-shrink: 0;
 line-height: var(--n-height);
 white-space: nowrap;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 color: var(--n-suffix-text-color);
 
}

.n-input .n-input__suffix .n-base-loading, .n-input .n-input__prefix .n-base-loading {

 font-size: var(--n-icon-size);
 margin: 0 2px;
 color: var(--n-loading-color);
 
}

.n-input .n-input__suffix .n-base-clear, .n-input .n-input__prefix .n-base-clear {

 font-size: var(--n-icon-size);
 
}

.n-input .n-input__suffix .n-base-clear .n-base-clear__placeholder .n-base-icon, .n-input .n-input__prefix .n-base-clear .n-base-clear__placeholder .n-base-icon {

 transition: color .3s var(--n-bezier);
 color: var(--n-icon-color);
 font-size: var(--n-icon-size);
 
}

.n-input .n-input__suffix > .n-icon, .n-input .n-input__prefix > .n-icon {

 transition: color .3s var(--n-bezier);
 color: var(--n-icon-color);
 font-size: var(--n-icon-size);
 
}

.n-input .n-input__suffix .n-base-icon, .n-input .n-input__prefix .n-base-icon {

 font-size: var(--n-icon-size);
 
}

.n-input .n-input-word-count {

 pointer-events: none;
 line-height: 1.5;
 font-size: .85em;
 color: var(--n-count-text-color);
 transition: color .3s var(--n-bezier);
 margin-left: 4px;
 font-variant: tabular-nums;
 
}

.n-input.n-input--warning-status:not(.n-input--disabled) .n-base-loading {

 color: var(--n-loading-color-warning)
 
}

.n-input.n-input--warning-status:not(.n-input--disabled) .n-input__input-el, .n-input.n-input--warning-status:not(.n-input--disabled) .n-input__textarea-el {

 caret-color: var(--n-caret-color-warning);
 
}

.n-input.n-input--warning-status:not(.n-input--disabled) .n-input__state-border {

 border: var(--n-border-warning);
 
}

.n-input.n-input--warning-status:not(.n-input--disabled):hover .n-input__state-border {

 border: var(--n-border-hover-warning);
 
}

.n-input.n-input--warning-status:not(.n-input--disabled):focus {

 background-color: var(--n-color-focus-warning);
 
}

.n-input.n-input--warning-status:not(.n-input--disabled):focus .n-input__state-border {

 box-shadow: var(--n-box-shadow-focus-warning);
 border: var(--n-border-focus-warning);
 
}

.n-input.n-input--warning-status:not(.n-input--disabled).n-input--focus {

 background-color: var(--n-color-focus-warning);
 
}

.n-input.n-input--warning-status:not(.n-input--disabled).n-input--focus .n-input__state-border {

 box-shadow: var(--n-box-shadow-focus-warning);
 border: var(--n-border-focus-warning);
 
}

.n-input.n-input--error-status:not(.n-input--disabled) .n-base-loading {

 color: var(--n-loading-color-error)
 
}

.n-input.n-input--error-status:not(.n-input--disabled) .n-input__input-el, .n-input.n-input--error-status:not(.n-input--disabled) .n-input__textarea-el {

 caret-color: var(--n-caret-color-error);
 
}

.n-input.n-input--error-status:not(.n-input--disabled) .n-input__state-border {

 border: var(--n-border-error);
 
}

.n-input.n-input--error-status:not(.n-input--disabled):hover .n-input__state-border {

 border: var(--n-border-hover-error);
 
}

.n-input.n-input--error-status:not(.n-input--disabled):focus {

 background-color: var(--n-color-focus-error);
 
}

.n-input.n-input--error-status:not(.n-input--disabled):focus .n-input__state-border {

 box-shadow: var(--n-box-shadow-focus-error);
 border: var(--n-border-focus-error);
 
}

.n-input.n-input--error-status:not(.n-input--disabled).n-input--focus {

 background-color: var(--n-color-focus-error);
 
}

.n-input.n-input--error-status:not(.n-input--disabled).n-input--focus .n-input__state-border {

 box-shadow: var(--n-box-shadow-focus-error);
 border: var(--n-border-focus-error);
 
}</style><style cssr-id="n-base-wave">.n-base-wave {

 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 border-radius: inherit;

}</style><style cssr-id="n-button">.n-button {

 margin: 0;
 font-weight: var(--n-font-weight);
 line-height: 1;
 font-family: inherit;
 padding: var(--n-padding);
 height: var(--n-height);
 font-size: var(--n-font-size);
 border-radius: var(--n-border-radius);
 color: var(--n-text-color);
 background-color: var(--n-color);
 width: var(--n-width);
 white-space: nowrap;
 outline: none;
 position: relative;
 z-index: auto;
 border: none;
 display: inline-flex;
 flex-wrap: nowrap;
 flex-shrink: 0;
 align-items: center;
 justify-content: center;
 user-select: none;
 -webkit-user-select: none;
 text-align: center;
 cursor: pointer;
 text-decoration: none;
 transition:
 color .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 opacity .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 
}

.n-button.n-button--color .n-button__border {
  border-color: var(--n-border-color);
}

.n-button.n-button--color.n-button--disabled .n-button__border {
  border-color: var(--n-border-color-disabled);
}

.n-button.n-button--color:not(.n-button--disabled):focus .n-button__state-border {
  border-color: var(--n-border-color-focus);
}

.n-button.n-button--color:not(.n-button--disabled):hover .n-button__state-border {
  border-color: var(--n-border-color-hover);
}

.n-button.n-button--color:not(.n-button--disabled):active .n-button__state-border {
  border-color: var(--n-border-color-pressed);
}

.n-button.n-button--color:not(.n-button--disabled).n-button--pressed .n-button__state-border {
  border-color: var(--n-border-color-pressed);
}

.n-button.n-button--disabled {
  background-color: var(--n-color-disabled);
  color: var(--n-text-color-disabled);
}

.n-button.n-button--disabled .n-button__border {
  border: var(--n-border-disabled);
}

.n-button:not(.n-button--disabled):focus {
  background-color: var(--n-color-focus);
  color: var(--n-text-color-focus);
}

.n-button:not(.n-button--disabled):focus .n-button__state-border {
  border: var(--n-border-focus);
}

.n-button:not(.n-button--disabled):hover {
  background-color: var(--n-color-hover);
  color: var(--n-text-color-hover);
}

.n-button:not(.n-button--disabled):hover .n-button__state-border {
  border: var(--n-border-hover);
}

.n-button:not(.n-button--disabled):active {
  background-color: var(--n-color-pressed);
  color: var(--n-text-color-pressed);
}

.n-button:not(.n-button--disabled):active .n-button__state-border {
  border: var(--n-border-pressed);
}

.n-button:not(.n-button--disabled).n-button--pressed {
  background-color: var(--n-color-pressed);
  color: var(--n-text-color-pressed);
}

.n-button:not(.n-button--disabled).n-button--pressed .n-button__state-border {
  border: var(--n-border-pressed);
}

.n-button.n-button--loading {
cursor: wait;
}

.n-button .n-base-wave {

 pointer-events: none;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 animation-iteration-count: 1;
 animation-duration: var(--n-ripple-duration);
 animation-timing-function: var(--n-bezier-ease-out), var(--n-bezier-ease-out);
 
}

.n-button .n-base-wave.n-base-wave--active {
  z-index: 1;
  animation-name: button-wave-spread, button-wave-opacity;
}

.n-button .n-button__border, .n-button .n-button__state-border {

 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 bottom: 0;
 border-radius: inherit;
 transition: border-color .3s var(--n-bezier);
 pointer-events: none;
 
}

.n-button .n-button__border {
  border: var(--n-border);
}

.n-button .n-button__state-border {
  border: var(--n-border);
  border-color: #0000;
  z-index: 1;
}

.n-button .n-button__icon {

 margin: var(--n-icon-margin);
 margin-left: 0;
 height: var(--n-icon-size);
 width: var(--n-icon-size);
 max-width: var(--n-icon-size);
 font-size: var(--n-icon-size);
 position: relative;
 flex-shrink: 0;
 
}

.n-button .n-button__icon .n-icon-slot {

 height: var(--n-icon-size);
 width: var(--n-icon-size);
 position: absolute;
 left: 0;
 top: 50%;
 transform: translateY(-50%);
 display: flex;
 align-items: center;
 justify-content: center;
 
}

.n-button .n-button__icon .n-icon-slot.icon-switch-transition-enter-from, .n-button .n-button__icon .n-icon-slot.icon-switch-transition-leave-to {
  transform: translateY(-50%) scale(0.75);
  left: 0;
  top: 50%;
  opacity: 0;
}

.n-button .n-button__icon .n-icon-slot.icon-switch-transition-enter-to, .n-button .n-button__icon .n-icon-slot.icon-switch-transition-leave-from {
  transform: scale(1) translateY(-50%);
  left: 0;
  top: 50%;
  opacity: 1;
}

.n-button .n-button__icon .n-icon-slot.icon-switch-transition-enter-active, .n-button .n-button__icon .n-icon-slot.icon-switch-transition-leave-active {
  transform-origin: center;
  position: absolute;
  left: 0;
  top: 50%;
  transition: all .3s cubic-bezier(.4, 0, .2, 1) !important;
}

.n-button .n-button__icon.fade-in-width-expand-transition-leave-from, .n-button .n-button__icon.fade-in-width-expand-transition-enter-to {
  opacity: 1;
}

.n-button .n-button__icon.fade-in-width-expand-transition-leave-to, .n-button .n-button__icon.fade-in-width-expand-transition-enter-from {

 opacity: 0!important;
 margin-left: 0!important;
 margin-right: 0!important;
 
}

.n-button .n-button__icon.fade-in-width-expand-transition-leave-active {

 overflow: hidden;
 transition:
 opacity .2s cubic-bezier(.4, 0, .2, 1),
 max-width .2s cubic-bezier(.4, 0, .2, 1) .1s,
 margin-left .2s cubic-bezier(.4, 0, .2, 1) .1s,
 margin-right .2s cubic-bezier(.4, 0, .2, 1) .1s;
 
}

.n-button .n-button__icon.fade-in-width-expand-transition-enter-active {

 overflow: hidden;
 transition:
 opacity .2s cubic-bezier(.4, 0, .2, 1) .1s,
 max-width .2s cubic-bezier(.4, 0, .2, 1),
 margin-left .2s cubic-bezier(.4, 0, .2, 1),
 margin-right .2s cubic-bezier(.4, 0, .2, 1);
 
}

.n-button .n-button__content {

 display: flex;
 align-items: center;
 flex-wrap: nowrap;
 min-width: 0;
 
}

.n-button .n-button__content ~ .n-button__icon {
  margin: var(--n-icon-margin);
  margin-right: 0;
}

.n-button.n-button--block {

 display: flex;
 width: 100%;
 
}

.n-button.n-button--dashed .n-button__border, .n-button.n-button--dashed .n-button__state-border {
  border-style: dashed !important;
}

.n-button.n-button--disabled {
  cursor: not-allowed;
  opacity: var(--n-opacity-disabled);
}

@keyframes button-wave-spread {
  from {
    box-shadow: 0 0 0.5px 0 var(--n-ripple-color);
  }
  to {
    box-shadow: 0 0 0.5px 4.5px var(--n-ripple-color);
  }
}

@keyframes button-wave-opacity {
  from {
    opacity: var(--n-wave-opacity);
  }
  to {
    opacity: 0;
  }
}</style><style cssr-id="vueuc/binder">.v-binder-follower-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 0;
  pointer-events: none;
  z-index: auto;
}

.v-binder-follower-content {
  position: absolute;
  z-index: auto;
}

.v-binder-follower-content > * {
  pointer-events: all;
}</style><style cssr-id="n-popover">.n-popover {

 transition:
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier);
 position: relative;
 font-size: var(--n-font-size);
 color: var(--n-text-color);
 box-shadow: var(--n-box-shadow);
 word-break: break-word;
 
}

.n-popover > .n-scrollbar {

 height: inherit;
 max-height: inherit;
 
}

.n-popover:not(.n-popover--raw) {

 background-color: var(--n-color);
 border-radius: var(--n-border-radius);
 
}

.n-popover:not(.n-popover--raw):not(.n-popover--scrollable):not(.n-popover--show-header-or-footer) {
padding: var(--n-padding);
}

.n-popover .n-popover__header {

 padding: var(--n-padding);
 border-bottom: 1px solid var(--n-divider-color);
 transition: border-color .3s var(--n-bezier);
 
}

.n-popover .n-popover__footer {

 padding: var(--n-padding);
 border-top: 1px solid var(--n-divider-color);
 transition: border-color .3s var(--n-bezier);
 
}

.n-popover.n-popover--scrollable .n-popover__content, .n-popover.n-popover--show-header-or-footer .n-popover__content {

 padding: var(--n-padding);
 
}

.n-popover-shared {

 transform-origin: inherit;
 
}

.n-popover-shared .n-popover-arrow-wrapper {

 position: absolute;
 overflow: hidden;
 pointer-events: none;
 
}

.n-popover-shared .n-popover-arrow-wrapper .n-popover-arrow {

 transition: background-color .3s var(--n-bezier);
 position: absolute;
 display: block;
 width: calc(var(--n-arrow-height) * 1.414);
 height: calc(var(--n-arrow-height) * 1.414);
 box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);
 transform: rotate(45deg);
 background-color: var(--n-color);
 pointer-events: all;
 
}

.n-popover-shared.popover-transition-enter-from, .n-popover-shared.popover-transition-leave-to {

 opacity: 0;
 transform: scale(.85);
 
}

.n-popover-shared.popover-transition-enter-to, .n-popover-shared.popover-transition-leave-from {

 transform: scale(1);
 opacity: 1;
 
}

.n-popover-shared.popover-transition-enter-active {

 transition:
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier),
 opacity .15s var(--n-bezier-ease-out),
 transform .15s var(--n-bezier-ease-out);
 
}

.n-popover-shared.popover-transition-leave-active {

 transition:
 box-shadow .3s var(--n-bezier),
 background-color .3s var(--n-bezier),
 color .3s var(--n-bezier),
 opacity .15s var(--n-bezier-ease-in),
 transform .15s var(--n-bezier-ease-in);
 
}

[v-placement="top-start"] > .n-popover-shared {

 margin-bottom: var(--n-space);
 
}

[v-placement="top-start"] > .n-popover-shared.n-popover-shared--show-arrow {

 margin-bottom: var(--n-space-arrow);
 
}

[v-placement="top-start"] > .n-popover-shared.n-popover-shared--overlap {

 margin: 0;
 
}

[v-placement="top-start"] > .n-popover-shared > .n-popover-arrow-wrapper {

 right: 0;
 left: 0;
 top: 0;
 bottom: 0;
 top: 100%;
 bottom: auto;
 height: var(--n-space-arrow);
 
}

[v-placement="top-start"] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow {

 top: calc(var(--n-arrow-height) * 1.414 / -2);
 left: calc(var(--n-arrow-offset) - var(--v-offset-left));
 
}

[v-placement="top"] > .n-popover-shared {

 margin-bottom: var(--n-space);
 
}

[v-placement="top"] > .n-popover-shared.n-popover-shared--show-arrow {

 margin-bottom: var(--n-space-arrow);
 
}

[v-placement="top"] > .n-popover-shared.n-popover-shared--overlap {

 margin: 0;
 
}

[v-placement="top"] > .n-popover-shared > .n-popover-arrow-wrapper {

 right: 0;
 left: 0;
 top: 0;
 bottom: 0;
 top: 100%;
 bottom: auto;
 height: var(--n-space-arrow);
 
}

[v-placement="top"] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow {

 top: calc(var(--n-arrow-height) * 1.414 / -2);
 transform: translateX(calc(var(--n-arrow-height) * 1.414 / -2)) rotate(45deg);
 left: 50%;
 
}

[v-placement="top-end"] > .n-popover-shared {

 margin-bottom: var(--n-space);
 
}

[v-placement="top-end"] > .n-popover-shared.n-popover-shared--show-arrow {

 margin-bottom: var(--n-space-arrow);
 
}

[v-placement="top-end"] > .n-popover-shared.n-popover-shared--overlap {

 margin: 0;
 
}

[v-placement="top-end"] > .n-popover-shared > .n-popover-arrow-wrapper {

 right: 0;
 left: 0;
 top: 0;
 bottom: 0;
 top: 100%;
 bottom: auto;
 height: var(--n-space-arrow);
 
}

[v-placement="top-end"] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow {

 top: calc(var(--n-arrow-height) * 1.414 / -2);
 right: calc(var(--n-arrow-offset) + var(--v-offset-left));
 
}

[v-placement="bottom-start"] > .n-popover-shared {

 margin-top: var(--n-space);
 
}

[v-placement="bottom-start"] > .n-popover-shared.n-popover-shared--show-arrow {

 margin-top: var(--n-space-arrow);
 
}

[v-placement="bottom-start"] > .n-popover-shared.n-popover-shared--overlap {

 margin: 0;
 
}

[v-placement="bottom-start"] > .n-popover-shared > .n-popover-arrow-wrapper {

 right: 0;
 left: 0;
 top: 0;
 bottom: 0;
 bottom: 100%;
 top: auto;
 height: var(--n-space-arrow);
 
}

[v-placement="bottom-start"] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow {

 bottom: calc(var(--n-arrow-height) * 1.414 / -2);
 left: calc(var(--n-arrow-offset) - var(--v-offset-left));
 
}

[v-placement="bottom"] > .n-popover-shared {

 margin-top: var(--n-space);
 
}

[v-placement="bottom"] > .n-popover-shared.n-popover-shared--show-arrow {

 margin-top: var(--n-space-arrow);
 
}

[v-placement="bottom"] > .n-popover-shared.n-popover-shared--overlap {

 margin: 0;
 
}

[v-placement="bottom"] > .n-popover-shared > .n-popover-arrow-wrapper {

 right: 0;
 left: 0;
 top: 0;
 bottom: 0;
 bottom: 100%;
 top: auto;
 height: var(--n-space-arrow);
 
}

[v-placement="bottom"] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow {

 bottom: calc(var(--n-arrow-height) * 1.414 / -2);
 transform: translateX(calc(var(--n-arrow-height) * 1.414 / -2)) rotate(45deg);
 left: 50%;
 
}

[v-placement="bottom-end"] > .n-popover-shared {

 margin-top: var(--n-space);
 
}

[v-placement="bottom-end"] > .n-popover-shared.n-popover-shared--show-arrow {

 margin-top: var(--n-space-arrow);
 
}

[v-placement="bottom-end"] > .n-popover-shared.n-popover-shared--overlap {

 margin: 0;
 
}

[v-placement="bottom-end"] > .n-popover-shared > .n-popover-arrow-wrapper {

 right: 0;
 left: 0;
 top: 0;
 bottom: 0;
 bottom: 100%;
 top: auto;
 height: var(--n-space-arrow);
 
}

[v-placement="bottom-end"] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow {

 bottom: calc(var(--n-arrow-height) * 1.414 / -2);
 right: calc(var(--n-arrow-offset) + var(--v-offset-left));
 
}

[v-placement="left-start"] > .n-popover-shared {

 margin-right: var(--n-space);
 
}

[v-placement="left-start"] > .n-popover-shared.n-popover-shared--show-arrow {

 margin-right: var(--n-space-arrow);
 
}

[v-placement="left-start"] > .n-popover-shared.n-popover-shared--overlap {

 margin: 0;
 
}

[v-placement="left-start"] > .n-popover-shared > .n-popover-arrow-wrapper {

 right: 0;
 left: 0;
 top: 0;
 bottom: 0;
 left: 100%;
 right: auto;
 width: var(--n-space-arrow);
 
}

[v-placement="left-start"] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow {

 left: calc(var(--n-arrow-height) * 1.414 / -2);
 top: calc(var(--n-arrow-offset-vertical) - var(--v-offset-top));
 
}

[v-placement="left"] > .n-popover-shared {

 margin-right: var(--n-space);
 
}

[v-placement="left"] > .n-popover-shared.n-popover-shared--show-arrow {

 margin-right: var(--n-space-arrow);
 
}

[v-placement="left"] > .n-popover-shared.n-popover-shared--overlap {

 margin: 0;
 
}

[v-placement="left"] > .n-popover-shared > .n-popover-arrow-wrapper {

 right: 0;
 left: 0;
 top: 0;
 bottom: 0;
 left: 100%;
 right: auto;
 width: var(--n-space-arrow);
 
}

[v-placement="left"] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow {

 left: calc(var(--n-arrow-height) * 1.414 / -2);
 transform: translateY(calc(var(--n-arrow-height) * 1.414 / -2)) rotate(45deg);
 top: 50%;
 
}

[v-placement="left-end"] > .n-popover-shared {

 margin-right: var(--n-space);
 
}

[v-placement="left-end"] > .n-popover-shared.n-popover-shared--show-arrow {

 margin-right: var(--n-space-arrow);
 
}

[v-placement="left-end"] > .n-popover-shared.n-popover-shared--overlap {

 margin: 0;
 
}

[v-placement="left-end"] > .n-popover-shared > .n-popover-arrow-wrapper {

 right: 0;
 left: 0;
 top: 0;
 bottom: 0;
 left: 100%;
 right: auto;
 width: var(--n-space-arrow);
 
}

[v-placement="left-end"] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow {

 left: calc(var(--n-arrow-height) * 1.414 / -2);
 bottom: calc(var(--n-arrow-offset-vertical) + var(--v-offset-top));
 
}

[v-placement="right-start"] > .n-popover-shared {

 margin-left: var(--n-space);
 
}

[v-placement="right-start"] > .n-popover-shared.n-popover-shared--show-arrow {

 margin-left: var(--n-space-arrow);
 
}

[v-placement="right-start"] > .n-popover-shared.n-popover-shared--overlap {

 margin: 0;
 
}

[v-placement="right-start"] > .n-popover-shared > .n-popover-arrow-wrapper {

 right: 0;
 left: 0;
 top: 0;
 bottom: 0;
 right: 100%;
 left: auto;
 width: var(--n-space-arrow);
 
}

[v-placement="right-start"] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow {

 right: calc(var(--n-arrow-height) * 1.414 / -2);
 top: calc(var(--n-arrow-offset-vertical) - var(--v-offset-top));
 
}

[v-placement="right"] > .n-popover-shared {

 margin-left: var(--n-space);
 
}

[v-placement="right"] > .n-popover-shared.n-popover-shared--show-arrow {

 margin-left: var(--n-space-arrow);
 
}

[v-placement="right"] > .n-popover-shared.n-popover-shared--overlap {

 margin: 0;
 
}

[v-placement="right"] > .n-popover-shared > .n-popover-arrow-wrapper {

 right: 0;
 left: 0;
 top: 0;
 bottom: 0;
 right: 100%;
 left: auto;
 width: var(--n-space-arrow);
 
}

[v-placement="right"] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow {

 right: calc(var(--n-arrow-height) * 1.414 / -2);
 transform: translateY(calc(var(--n-arrow-height) * 1.414 / -2)) rotate(45deg);
 top: 50%;
 
}

[v-placement="right-end"] > .n-popover-shared {

 margin-left: var(--n-space);
 
}

[v-placement="right-end"] > .n-popover-shared.n-popover-shared--show-arrow {

 margin-left: var(--n-space-arrow);
 
}

[v-placement="right-end"] > .n-popover-shared.n-popover-shared--overlap {

 margin: 0;
 
}

[v-placement="right-end"] > .n-popover-shared > .n-popover-arrow-wrapper {

 right: 0;
 left: 0;
 top: 0;
 bottom: 0;
 right: 100%;
 left: auto;
 width: var(--n-space-arrow);
 
}

[v-placement="right-end"] > .n-popover-shared > .n-popover-arrow-wrapper .n-popover-arrow {

 right: calc(var(--n-arrow-height) * 1.414 / -2);
 bottom: calc(var(--n-arrow-offset-vertical) + var(--v-offset-top));
 
}

[v-placement="right-start"] > .n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
top: calc(max(calc((var(--v-target-height, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset-vertical)) - var(--v-offset-top));
}

[v-placement="left-start"] > .n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
top: calc(max(calc((var(--v-target-height, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset-vertical)) - var(--v-offset-top));
}

[v-placement="top-end"] > .n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
right: calc(max(calc((var(--v-target-width, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset)) + var(--v-offset-left));
}

[v-placement="bottom-end"] > .n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
right: calc(max(calc((var(--v-target-width, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset)) + var(--v-offset-left));
}

[v-placement="right-end"] > .n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
bottom: calc(max(calc((var(--v-target-height, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset-vertical)) + var(--v-offset-top));
}

[v-placement="left-end"] > .n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
bottom: calc(max(calc((var(--v-target-height, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset-vertical)) + var(--v-offset-top));
}

[v-placement="top-start"] > .n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
left: calc(max(calc((var(--v-target-width, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset)) - var(--v-offset-left));
}

[v-placement="bottom-start"] > .n-popover-shared.n-popover-shared--center-arrow .n-popover-arrow {
left: calc(max(calc((var(--v-target-width, 0px) - var(--n-arrow-height) * 1.414) / 2), var(--n-arrow-offset)) - var(--v-offset-left));
}</style><style cssr-id="n-icon">.n-icon {

 height: 1em;
 width: 1em;
 line-height: 1em;
 text-align: center;
 display: inline-block;
 position: relative;
 fill: currentColor;
 transform: translateZ(0);

}

.n-icon.n-icon--color-transition {
  transition: color .3s var(--n-bezier);
}

.n-icon.n-icon--depth {
  color: var(--n-color);
}

.n-icon.n-icon--depth svg {
  opacity: var(--n-opacity);
  transition: opacity .3s var(--n-bezier);
}

.n-icon svg {
  height: 1em;
  width: 1em;
}</style><style cssr-id="n-menu">.n-menu {

 background-color: var(--n-color);
 color: var(--n-item-text-color);
 overflow: hidden;
 transition: background-color .3s var(--n-bezier);
 box-sizing: border-box;
 font-size: var(--n-font-size);
 padding-bottom: 6px;
 
}

.n-menu.n-menu--horizontal {

 display: inline-flex;
 padding-bottom: 0;
 
}

.n-menu.n-menu--horizontal .n-submenu {
margin: 0;
}

.n-menu.n-menu--horizontal .n-menu-item {
margin: 0;
}

.n-menu.n-menu--horizontal .n-menu-item-content {

 padding: 0 20px;
 border-bottom: 2px solid #0000;
 
}

.n-menu.n-menu--horizontal .n-menu-item-content::before {
display: none;
}

.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--selected {
border-bottom: 2px solid var(--n-border-color-horizontal)
}

.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content__icon {
color: var(--n-item-icon-color-active-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content-header {

 color: var(--n-item-text-color-active-horizontal);
 
}

.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content-header a {
color: var(--n-item-text-color-active-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content-header .n-menu-item-content-header__extra {
color: var(--n-item-text-color-active-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--child-active {

 border-bottom: 2px solid var(--n-border-color-horizontal);
 
}

.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content-header {

 color: var(--n-item-text-color-child-active-horizontal);
 
}

.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content-header a {

 color: var(--n-item-text-color-child-active-horizontal);
 
}

.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content-header .n-menu-item-content-header__extra {

 color: var(--n-item-text-color-child-active-horizontal);
 
}

.n-menu.n-menu--horizontal .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content__icon {

 color: var(--n-item-icon-color-child-active-horizontal);
 
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content__icon {

 color: var(--n-item-icon-color-hover-horizontal);
 
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content-header {

 color: var(--n-item-text-color-hover-horizontal);
 
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content-header a {

 color: var(--n-item-text-color-hover-horizontal);
 
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content-header .n-menu-item-content-header__extra {

 color: var(--n-item-text-color-hover-horizontal);
 
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content__icon {
color: var(--n-item-icon-color-active-hover-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content-header {

 color: var(--n-item-text-color-active-hover-horizontal);
 
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content-header a {
color: var(--n-item-text-color-active-hover-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content-header .n-menu-item-content-header__extra {
color: var(--n-item-text-color-active-hover-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content__icon {
color: var(--n-item-icon-color-active-hover-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content-header {

 color: var(--n-item-text-color-active-hover-horizontal);
 
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content-header a {
color: var(--n-item-text-color-active-hover-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content-header .n-menu-item-content-header__extra {
color: var(--n-item-text-color-active-hover-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content__icon {
color: var(--n-item-icon-color-child-active-hover-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content-header {

 color: var(--n-item-text-color-child-active-hover-horizontal);
 
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content-header a {
color: var(--n-item-text-color-child-active-hover-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content-header .n-menu-item-content-header__extra {
color: var(--n-item-text-color-child-active-hover-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content__icon {
color: var(--n-item-icon-color-child-active-hover-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content-header {

 color: var(--n-item-text-color-child-active-hover-horizontal);
 
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content-header a {
color: var(--n-item-text-color-child-active-hover-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content-header .n-menu-item-content-header__extra {
color: var(--n-item-text-color-child-active-hover-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover {
border-bottom: 2px solid var(--n-border-color-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content__icon {

 color: var(--n-item-icon-color-hover-horizontal);
 
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content-header {

 color: var(--n-item-text-color-hover-horizontal);
 
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content-header a {

 color: var(--n-item-text-color-hover-horizontal);
 
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content-header .n-menu-item-content-header__extra {

 color: var(--n-item-text-color-hover-horizontal);
 
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):hover {
border-bottom: 2px solid var(--n-border-color-horizontal);
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content__icon {

 color: var(--n-item-icon-color-hover-horizontal);
 
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content-header {

 color: var(--n-item-text-color-hover-horizontal);
 
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content-header a {

 color: var(--n-item-text-color-hover-horizontal);
 
}

.n-menu.n-menu--horizontal .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content-header .n-menu-item-content-header__extra {

 color: var(--n-item-text-color-hover-horizontal);
 
}

.n-menu.n-menu--horizontal .n-menu-item-content .n-menu-item-content-header a {
color: var(--n-item-text-color-horizontal);
}

.n-menu.n-menu--collapsed .n-menu-item-content.n-menu-item-content--selected::before {

 background-color: var(--n-item-color-active-collapsed) !important;
 
}

.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content-header {
opacity: 0;
}

.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content__arrow {
opacity: 0;
}

.n-menu.n-menu--collapsed .n-menu-item-content .n-menu-item-content__icon {
color: var(--n-item-icon-color-collapsed);
}

.n-menu .n-menu-item {

 height: var(--n-item-height);
 margin-top: 6px;
 position: relative;
 
}

.n-menu .n-menu-item-content {

 box-sizing: border-box;
 line-height: 1.75;
 height: 100%;
 display: grid;
 grid-template-areas: "icon content arrow";
 grid-template-columns: auto 1fr auto;
 align-items: center;
 cursor: pointer;
 position: relative;
 padding-right: 18px;
 transition:
 background-color .3s var(--n-bezier),
 padding-left .3s var(--n-bezier),
 border-color .3s var(--n-bezier);
 
}

.n-menu .n-menu-item-content > * {
z-index: 1;
}

.n-menu .n-menu-item-content::before {

 z-index: auto;
 content: "";
 background-color: #0000;
 position: absolute;
 left: 8px;
 right: 8px;
 top: 0;
 bottom: 0;
 pointer-events: none;
 border-radius: var(--n-border-radius);
 transition: background-color .3s var(--n-bezier);
 
}

.n-menu .n-menu-item-content.n-menu-item-content--disabled {

 opacity: .45;
 cursor: not-allowed;
 
}

.n-menu .n-menu-item-content.n-menu-item-content--collapsed .n-menu-item-content__arrow {
transform: rotate(0);
}

.n-menu .n-menu-item-content.n-menu-item-content--selected::before {
background-color: var(--n-item-color-active);
}

.n-menu .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content__arrow {
color: var(--n-arrow-color-active);
}

.n-menu .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content__icon {
color: var(--n-item-icon-color-active);
}

.n-menu .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content-header {

 color: var(--n-item-text-color-active);
 
}

.n-menu .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content-header a {
color: var(--n-item-text-color-active);
}

.n-menu .n-menu-item-content.n-menu-item-content--selected .n-menu-item-content-header .n-menu-item-content-header__extra {
color: var(--n-item-text-color-active);
}

.n-menu .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content-header {

 color: var(--n-item-text-color-child-active);
 
}

.n-menu .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content-header a {

 color: var(--n-item-text-color-child-active);
 
}

.n-menu .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content-header .n-menu-item-content-header__extra {

 color: var(--n-item-text-color-child-active);
 
}

.n-menu .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content__arrow {

 color: var(--n-arrow-color-child-active);
 
}

.n-menu .n-menu-item-content.n-menu-item-content--child-active .n-menu-item-content__icon {

 color: var(--n-item-icon-color-child-active);
 
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within::before {
background-color: var(--n-item-color-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content__arrow {

 color: var(--n-arrow-color-hover);
 
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content__icon {

 color: var(--n-item-icon-color-hover);
 
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content-header {

 color: var(--n-item-text-color-hover);
 
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content-header a {

 color: var(--n-item-text-color-hover);
 
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):not(.n-menu-item-content--selected, child-active):focus-within .n-menu-item-content-header .n-menu-item-content-header__extra {

 color: var(--n-item-text-color-hover);
 
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content__arrow {
color: var(--n-arrow-color-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content__icon {
color: var(--n-item-icon-color-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content-header {

 color: var(--n-item-text-color-active-hover);
 
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content-header a {
color: var(--n-item-text-color-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover .n-menu-item-content-header .n-menu-item-content-header__extra {
color: var(--n-item-text-color-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content__arrow {
color: var(--n-arrow-color-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content__icon {
color: var(--n-item-icon-color-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content-header {

 color: var(--n-item-text-color-active-hover);
 
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content-header a {
color: var(--n-item-text-color-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover .n-menu-item-content-header .n-menu-item-content-header__extra {
color: var(--n-item-text-color-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content__arrow {
color: var(--n-arrow-color-child-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content__icon {
color: var(--n-item-icon-color-child-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content-header {

 color: var(--n-item-text-color-child-active-hover);
 
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content-header a {
color: var(--n-item-text-color-child-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active.n-menu-item-content--hover .n-menu-item-content-header .n-menu-item-content-header__extra {
color: var(--n-item-text-color-child-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content__arrow {
color: var(--n-arrow-color-child-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content__icon {
color: var(--n-item-icon-color-child-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content-header {

 color: var(--n-item-text-color-child-active-hover);
 
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content-header a {
color: var(--n-item-text-color-child-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--child-active:hover .n-menu-item-content-header .n-menu-item-content-header__extra {
color: var(--n-item-text-color-child-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected.n-menu-item-content--hover::before {
background-color: var(--n-item-color-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--selected:hover::before {
background-color: var(--n-item-color-active-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover::before {
background-color: var(--n-item-color-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content__arrow {

 color: var(--n-arrow-color-hover);
 
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content__icon {

 color: var(--n-item-icon-color-hover);
 
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content-header {

 color: var(--n-item-text-color-hover);
 
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content-header a {

 color: var(--n-item-text-color-hover);
 
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled).n-menu-item-content--hover .n-menu-item-content-header .n-menu-item-content-header__extra {

 color: var(--n-item-text-color-hover);
 
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):hover::before {
background-color: var(--n-item-color-hover);
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content__arrow {

 color: var(--n-arrow-color-hover);
 
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content__icon {

 color: var(--n-item-icon-color-hover);
 
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content-header {

 color: var(--n-item-text-color-hover);
 
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content-header a {

 color: var(--n-item-text-color-hover);
 
}

.n-menu .n-menu-item-content:not(.n-menu-item-content--disabled):hover .n-menu-item-content-header .n-menu-item-content-header__extra {

 color: var(--n-item-text-color-hover);
 
}

.n-menu .n-menu-item-content .n-menu-item-content__icon {

 grid-area: icon;
 color: var(--n-item-icon-color);
 transition:
 color .3s var(--n-bezier),
 font-size .3s var(--n-bezier),
 margin-right .3s var(--n-bezier);
 box-sizing: content-box;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 
}

.n-menu .n-menu-item-content .n-menu-item-content__arrow {

 grid-area: arrow;
 font-size: 16px;
 color: var(--n-arrow-color);
 transform: rotate(180deg);
 opacity: 1;
 transition:
 color .3s var(--n-bezier),
 transform 0.2s var(--n-bezier),
 opacity 0.2s var(--n-bezier);
 
}

.n-menu .n-menu-item-content .n-menu-item-content-header {

 grid-area: content;
 transition:
 color .3s var(--n-bezier),
 opacity .3s var(--n-bezier);
 opacity: 1;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 color: var(--n-item-text-color);
 
}

.n-menu .n-menu-item-content .n-menu-item-content-header a {

 outline: none;
 text-decoration: none;
 transition: color .3s var(--n-bezier);
 color: var(--n-item-text-color);
 
}

.n-menu .n-menu-item-content .n-menu-item-content-header a::before {

 content: "";
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 
}

.n-menu .n-menu-item-content .n-menu-item-content-header .n-menu-item-content-header__extra {

 font-size: .93em;
 color: var(--n-group-text-color);
 transition: color .3s var(--n-bezier);
 
}

.n-menu .n-submenu {

 cursor: pointer;
 position: relative;
 margin-top: 6px;
 
}

.n-menu .n-submenu .n-menu-item-content {

 height: var(--n-item-height);
 
}

.n-menu .n-submenu .n-submenu-children {

 overflow: hidden;
 padding: 0;
 
}

.n-menu .n-submenu .n-submenu-children.fade-in-height-expand-transition-leave-from, .n-menu .n-submenu .n-submenu-children.fade-in-height-expand-transition-enter-to {
  opacity: 1;
}

.n-menu .n-submenu .n-submenu-children.fade-in-height-expand-transition-leave-to, .n-menu .n-submenu .n-submenu-children.fade-in-height-expand-transition-enter-from {
  opacity: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.n-menu .n-submenu .n-submenu-children.fade-in-height-expand-transition-leave-active {

 overflow: hidden;
 transition:
 max-height .2s cubic-bezier(.4, 0, .2, 1) 0s,
 opacity .2s cubic-bezier(0, 0, .2, 1) 0s,
 margin-top .2s cubic-bezier(.4, 0, .2, 1) 0s,
 margin-bottom .2s cubic-bezier(.4, 0, .2, 1) 0s,
 padding-top .2s cubic-bezier(.4, 0, .2, 1) 0s,
 padding-bottom .2s cubic-bezier(.4, 0, .2, 1) 0s
 
 
}

.n-menu .n-submenu .n-submenu-children.fade-in-height-expand-transition-enter-active {

 overflow: hidden;
 transition:
 max-height .2s cubic-bezier(.4, 0, .2, 1),
 opacity .2s cubic-bezier(.4, 0, 1, 1),
 margin-top .2s cubic-bezier(.4, 0, .2, 1),
 margin-bottom .2s cubic-bezier(.4, 0, .2, 1),
 padding-top .2s cubic-bezier(.4, 0, .2, 1),
 padding-bottom .2s cubic-bezier(.4, 0, .2, 1)
 
 
}

.n-menu .n-menu-item-group .n-menu-item-group-title {

 margin-top: 6px;
 color: var(--n-group-text-color);
 cursor: default;
 font-size: .93em;
 height: 36px;
 display: flex;
 align-items: center;
 transition:
 padding-left .3s var(--n-bezier),
 color .3s var(--n-bezier);
 
}

.n-menu-tooltip a {

 color: inherit;
 text-decoration: none;
 
}

.n-menu-divider {

 transition: background-color .3s var(--n-bezier);
 background-color: var(--n-divider-color);
 height: 1px;
 margin: 6px 18px;
 
}</style><style cssr-id="n-global">body {

 margin: 0;
 font-size: 14px;
 font-family: v-sans, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
 line-height: 1.6;
 -webkit-text-size-adjust: 100%;
 -webkit-tap-highlight-color: transparent;

}

body input {

 font-family: inherit;
 font-size: inherit;
 
}</style><style cssr-id="n-image">body > .n-image-container {
position: fixed;
}

.n-image-preview-container {

 position: fixed;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 display: flex;
 
}

.n-image-preview-overlay {

 z-index: -1;
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 background: rgba(0, 0, 0, .3);
 
}

.n-image-preview-overlay.fade-in-transition-enter-active {
  transition: all 0.2s cubic-bezier(.4, 0, .2, 1)!important;
}

.n-image-preview-overlay.fade-in-transition-leave-active {
  transition: all 0.2s cubic-bezier(.4, 0, .2, 1)!important;
}

.n-image-preview-overlay.fade-in-transition-enter-from, .n-image-preview-overlay.fade-in-transition-leave-to {
  opacity: 0;
}

.n-image-preview-overlay.fade-in-transition-leave-from, .n-image-preview-overlay.fade-in-transition-enter-to {
  opacity: 1;
}

.n-image-preview-toolbar {

 z-index: 1;
 position: absolute;
 left: 50%;
 transform: translateX(-50%);
 border-radius: var(--n-toolbar-border-radius);
 height: 48px;
 bottom: 40px;
 padding: 0 12px;
 background: var(--n-toolbar-color);
 box-shadow: var(--n-toolbar-box-shadow);
 color: var(--n-toolbar-icon-color);
 transition: color .3s var(--n-bezier);
 display: flex;
 align-items: center;
 
}

.n-image-preview-toolbar .n-base-icon {

 padding: 0 8px;
 font-size: 28px;
 cursor: pointer;
 
}

.n-image-preview-toolbar.fade-in-transition-enter-active {
  transition: all 0.2s cubic-bezier(.4, 0, .2, 1)!important;
}

.n-image-preview-toolbar.fade-in-transition-leave-active {
  transition: all 0.2s cubic-bezier(.4, 0, .2, 1)!important;
}

.n-image-preview-toolbar.fade-in-transition-enter-from, .n-image-preview-toolbar.fade-in-transition-leave-to {
  opacity: 0;
}

.n-image-preview-toolbar.fade-in-transition-leave-from, .n-image-preview-toolbar.fade-in-transition-enter-to {
  opacity: 1;
}

.n-image-preview-wrapper {

 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 bottom: 0;
 display: flex;
 pointer-events: none;
 
}

.n-image-preview-wrapper.fade-in-scale-up-transition-leave-active {
  transform-origin: inherit;
  transition: opacity .2s cubic-bezier(.4, 0, 1, 1), transform .2s cubic-bezier(.4, 0, 1, 1) ;
}

.n-image-preview-wrapper.fade-in-scale-up-transition-enter-active {
  transform-origin: inherit;
  transition: opacity .2s cubic-bezier(0, 0, .2, 1), transform .2s cubic-bezier(0, 0, .2, 1) ;
}

.n-image-preview-wrapper.fade-in-scale-up-transition-enter-from, .n-image-preview-wrapper.fade-in-scale-up-transition-leave-to {
  opacity: 0;
  transform:  scale(.9);
}

.n-image-preview-wrapper.fade-in-scale-up-transition-leave-from, .n-image-preview-wrapper.fade-in-scale-up-transition-enter-to {
  opacity: 1;
  transform:  scale(1);
}

.n-image-preview {

 user-select: none;
 -webkit-user-select: none;
 pointer-events: all;
 margin: auto;
 max-height: calc(100vh - 32px);
 max-width: calc(100vw - 32px);
 transition: transform .3s var(--n-bezier);
 
}

.n-image {

 display: inline-flex;
 max-height: 100%;
 max-width: 100%;
 
}

.n-image:not(.n-image--preview-disabled) {

 cursor: pointer;
 
}

.n-image img {

 border-radius: inherit;
 
}</style><link rel="icon" href="/logo.png" type="image/png">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0">
  <link rel="manifest" href="/manifest.json">
  <title>泡泡详情 | 泡泡 - 一个清新文艺的微社区</title>
  <script type="module" crossorigin="" src="/assets/index-a7f0fa94.js"></script>
  <link rel="modulepreload" crossorigin="" href="/assets/@vue-7e1ab0af.js">
  <link rel="modulepreload" crossorigin="" href="/assets/vue-router-edf90322.js">
  <link rel="modulepreload" crossorigin="" href="/assets/vuex-f1ee712f.js">
  <link rel="modulepreload" crossorigin="" href="/assets/axios-82afda87.js">
  <link rel="modulepreload" crossorigin="" href="/assets/seemly-76b7b838.js">
  <link rel="modulepreload" crossorigin="" href="/assets/evtd-b614532e.js">
  <link rel="modulepreload" crossorigin="" href="/assets/@css-render-16be7445.js">
  <link rel="modulepreload" crossorigin="" href="/assets/vooks-e23078ea.js">
  <link rel="modulepreload" crossorigin="" href="/assets/vdirs-b0483831.js">
  <link rel="modulepreload" crossorigin="" href="/assets/@juggle-41516555.js">
  <link rel="modulepreload" crossorigin="" href="/assets/@emotion-8a8e73f6.js">
  <link rel="modulepreload" crossorigin="" href="/assets/css-render-d3958e6a.js">
  <link rel="modulepreload" crossorigin="" href="/assets/vueuc-cfbcc29d.js">
  <link rel="modulepreload" crossorigin="" href="/assets/lodash-es-8412e618.js">
  <link rel="modulepreload" crossorigin="" href="/assets/treemate-25c27bff.js">
  <link rel="modulepreload" crossorigin="" href="/assets/async-validator-dee29e8b.js">
  <link rel="modulepreload" crossorigin="" href="/assets/date-fns-975a2d8f.js">
  <link rel="modulepreload" crossorigin="" href="/assets/naive-ui-7dc0fb8d.js">
  <link rel="modulepreload" crossorigin="" href="/assets/@vicons-b98681e0.js">
  <link rel="stylesheet" href="/assets/index-274d7c87.css">
  <link rel="stylesheet" href="/assets/vfonts-7afd136d.css">
<link rel="modulepreload" as="script" crossorigin="" href="/assets/Post-8ca3dd1f.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/formatTime-4210fcd1.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/moment-2ab8298d.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/IEnum-a180d93e.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/content-bcc048bc.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/paopao-video-player-66a1a537.js"><link rel="stylesheet" href="/assets/content-2fda112b.css"><link rel="modulepreload" as="script" crossorigin="" href="/assets/post-skeleton-e1649f56.js"><link rel="stylesheet" href="/assets/post-skeleton-f1900002.css"><link rel="modulepreload" as="script" crossorigin="" href="/assets/lodash-e0b37ac3.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/@babel-725317a4.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/copy-to-clipboard-4ef7d3eb.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/toggle-selection-93f4ad84.js"><link rel="modulepreload" as="script" crossorigin="" href="/assets/main-nav.vue_vue_type_style_index_0_lang-f4d24193.js"><link rel="stylesheet" href="/assets/main-nav-569a7b0c.css"><link rel="modulepreload" as="script" crossorigin="" href="/assets/v3-infinite-loading-0611cb6c.js"><link rel="stylesheet" href="/assets/v3-infinite-loading-1ff9ffe7.css"><link rel="stylesheet" href="/assets/Post-b5b6aab2.css"><style type="text/css">/*! tailwindcss v2.2.17 | MIT License | https://tailwindcss.com */

/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

*,
::before,
::after {
  box-sizing: border-box;
}

/**
Use a more readable tab size (opinionated).
*/

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

/*
Sections
========
*/

/**
Remove the margin in all browsers.
*/

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

/**
Add the correct font weight in Edge and Safari.
*/

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

/**
Add the correct font size in all browsers.
*/

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/


input {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/

/**
Correct the inability to style clickable types in iOS and Safari.
*/


[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */


p {
  margin: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

/**
 * Inherit font-family and line-height from `html` so users can set them as
 * a class directly on the `html` element.
 */

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: currentColor; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

input:-ms-input-placeholder {
  opacity: 1;
  color: #9ca3af;
}

input::placeholder {
  opacity: 1;
  color: #9ca3af;
}


[role="button"] {
  cursor: pointer;
}

/**
 * Override legacy focus reset from Normalize with modern Firefox focus styles.
 *
 * This is actually an improvement over the new defaults in Firefox in our testing,
 * as it triggers the better focus styles even for links, which still use a dotted
 * outline in Firefox by default.
 */

:-moz-focusring {
  outline: auto;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */


input {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

/**
 * 1. Make replaced elements `display: block` by default as that's
 *    the behavior you want almost all of the time. Inspired by
 *    CSS Remedy, with `svg` added as well.
 *
 *    https://github.com/mozdevs/cssremedy/issues/14
 * 
 * 2. Add `vertical-align: middle` to align replaced elements more
 *    sensibly by default when overriding `display` by adding a
 *    utility like `inline`.
 *
 *    This can trigger a poorly considered linting error in some
 *    tools but is included by design.
 * 
 *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
 */

img,
svg,
video {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/**
 * Constrain images and videos to the parent width and preserve
 * their intrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

/**
 * Ensure the default browser behavior of the `hidden` attribute.
 */

[hidden] {
  display: none;
}

*, ::before, ::after{
  --tw-border-opacity: 1;
  border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}

.paopao-video-player .pointer-events-none{
  pointer-events: none;
}

.paopao-video-player .absolute{
  position: absolute;
}

.paopao-video-player .relative{
  position: relative;
}

.paopao-video-player .top-0{
  top: 0px;
}

.paopao-video-player .bottom-0{
  bottom: 0px;
}

.paopao-video-player .left-0{
  left: 0px;
}

.paopao-video-player .z-10{
  z-index: 10;
}

.paopao-video-player .mr-3{
  margin-right: 0.75rem;
}

.paopao-video-player .mr-5{
  margin-right: 1.25rem;
}

.paopao-video-player .mr-6{
  margin-right: 1.5rem;
}

.paopao-video-player .ml-2{
  margin-left: 0.5rem;
}

.paopao-video-player .ml-4{
  margin-left: 1rem;
}

.paopao-video-player .ml-5{
  margin-left: 1.25rem;
}

.paopao-video-player .flex{
  display: flex;
}

.paopao-video-player .h-1{
  height: 0.25rem;
}

.paopao-video-player .h-20{
  height: 5rem;
}

.paopao-video-player .h-full{
  height: 100%;
}

.paopao-video-player .w-3{
  width: 0.75rem;
}

.paopao-video-player .w-4{
  width: 1rem;
}

.paopao-video-player .w-5{
  width: 1.25rem;
}

.paopao-video-player .w-12{
  width: 3rem;
}

.paopao-video-player .w-20{
  width: 5rem;
}

.paopao-video-player .w-24{
  width: 6rem;
}

.paopao-video-player .w-32{
  width: 8rem;
}

.paopao-video-player .w-full{
  width: 100%;
}

.paopao-video-player .origin-left{
  transform-origin: left;
}

.paopao-video-player .transform{
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.paopao-video-player .translate-x-0{
  --tw-translate-x: 0px;
}

.paopao-video-player .translate-x-2{
  --tw-translate-x: 0.5rem;
}

.paopao-video-player .translate-x-9{
  --tw-translate-x: 2.25rem;
}

.paopao-video-player .-translate-y-1{
  --tw-translate-y: -0.25rem;
}

.paopao-video-player .-translate-y-4{
  --tw-translate-y: -1rem;
}

.paopao-video-player .translate-y-full{
  --tw-translate-y: 100%;
}

.paopao-video-player .-rotate-90{
  --tw-rotate: -90deg;
}

@keyframes spin{
  to{
    transform: rotate(360deg);
  }
}

@keyframes ping{
  75%, 100%{
    transform: scale(2);
    opacity: 0;
  }
}

@keyframes pulse{
  50%{
    opacity: .5;
  }
}

@keyframes bounce{
  0%, 100%{
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8,0,1,1);
  }

  50%{
    transform: none;
    animation-timing-function: cubic-bezier(0,0,0.2,1);
  }
}

.paopao-video-player .cursor-pointer{
  cursor: pointer;
}

.paopao-video-player .appearance-none{
  appearance: none;
}

.paopao-video-player .items-center{
  align-items: center;
}

.paopao-video-player .justify-start{
  justify-content: flex-start;
}

.paopao-video-player .justify-end{
  justify-content: flex-end;
}

.paopao-video-player .justify-center{
  justify-content: center;
}

.paopao-video-player .justify-between{
  justify-content: space-between;
}

.paopao-video-player .overflow-hidden{
  overflow: hidden;
}

.paopao-video-player .whitespace-nowrap{
  white-space: nowrap;
}

.paopao-video-player .rounded-sm{
  border-radius: 0.125rem;
}

.paopao-video-player .rounded-md{
  border-radius: 0.375rem;
}

.paopao-video-player .rounded-lg{
  border-radius: 0.5rem;
}

.paopao-video-player .rounded-xl{
  border-radius: 0.75rem;
}

.paopao-video-player .rounded-3xl{
  border-radius: 1.5rem;
}

.paopao-video-player .rounded-full{
  border-radius: 9999px;
}

.paopao-video-player .bg-black{
  --tw-bg-opacity: 1;
  background-color: rgba(0, 0, 0, var(--tw-bg-opacity));
}

.paopao-video-player .bg-white{
  --tw-bg-opacity: 1;
  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.paopao-video-player .bg-opacity-20{
  --tw-bg-opacity: 0.2;
}

.paopao-video-player .bg-opacity-30{
  --tw-bg-opacity: 0.3;
}

.paopao-video-player .bg-opacity-40{
  --tw-bg-opacity: 0.4;
}

.paopao-video-player .bg-opacity-50{
  --tw-bg-opacity: 0.5;
}

.paopao-video-player .bg-opacity-60{
  --tw-bg-opacity: 0.6;
}

.paopao-video-player .hover\:bg-opacity-40:hover{
  --tw-bg-opacity: 0.4;
}

.paopao-video-player .bg-gradient-to-r{
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.paopao-video-player .px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.paopao-video-player .px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.paopao-video-player .px-5{
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.paopao-video-player .py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.paopao-video-player .py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.paopao-video-player .py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.paopao-video-player .py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.paopao-video-player .pt-3{
  padding-top: 0.75rem;
}

.paopao-video-player .pb-5{
  padding-bottom: 1.25rem;
}

.paopao-video-player .text-center{
  text-align: center;
}

.paopao-video-player .font-sans{
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.paopao-video-player .text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}

.paopao-video-player .font-medium{
  font-weight: 500;
}

.paopao-video-player .text-white{
  --tw-text-opacity: 1;
  color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.paopao-video-player .opacity-0{
  opacity: 0;
}

*, ::before, ::after{
  --tw-shadow: 0 0 #0000;
}

.paopao-video-player .shadow-xl{
  --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}

*, ::before, ::after{
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(59, 130, 246, 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
}

.paopao-video-player .filter{
  --tw-blur: var(--tw-empty,/*!*/ /*!*/);
  --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
  --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
  --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
  --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
  --tw-invert: var(--tw-empty,/*!*/ /*!*/);
  --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
  --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
  --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.paopao-video-player .blur-sm{
  --tw-blur: blur(4px);
}

.paopao-video-player .blur{
  --tw-blur: blur(8px);
}

.paopao-video-player .backdrop-filter{
  --tw-backdrop-blur: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-brightness: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-contrast: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-grayscale: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-invert: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-opacity: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-saturate: var(--tw-empty,/*!*/ /*!*/);
  --tw-backdrop-sepia: var(--tw-empty,/*!*/ /*!*/);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
          backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}

.paopao-video-player .transition{
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.paopao-video-player .duration-200{
  transition-duration: 200ms;
}

.paopao-video-player .duration-300{
  transition-duration: 300ms;
}

.paopao-video-player .ease-in-out{
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.overlay {
  background: linear-gradient(0deg, rgba(0,0,0,0.41961), transparent)
}

.vertical-range::-webkit-slider-thumb {
  width: 6px;
  appearance: none;
  height: 6px;
  background-color: white;
  cursor: ns-resize;
  box-shadow: -405px 0 0 400px rgba(255, 255, 255, .6);
  border-radius: 50%;
}

.backdrop-filter {
  -webkit-backdrop-filter: blur(15px) !important;
  backdrop-filter: blur(15px) !important;
}

.filter-white:hover {
  filter: brightness(2);
}

.gradient-variable {
  --tw-gradient-from: #fbbf24;
  --tw-gradient-to: #ec4899;
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0))
}
</style></head>

<body n-styled="" style="text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; padding: 0px; margin: 0px; background-color: rgb(255, 255, 255); color: rgb(51, 54, 57); font-size: 14px; font-family: v-sans, system-ui, -apple-system, BlinkMacSystemFont, &quot;Segoe UI&quot;, sans-serif, &quot;Apple Color Emoji&quot;, &quot;Segoe UI Emoji&quot;, &quot;Segoe UI Symbol&quot;; line-height: 1.6; transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s, background-color 0.3s cubic-bezier(0.4, 0, 0.2, 1) 0s;">
  <div id="app" data-v-app=""><div class="n-config-provider"><div class="app-container"><div has-sider="" class="main-wrap" position="static"><div><div class="sidebar-wrap"><div class="logo-wrap"><div class="logo-img n-image n-image--preview-disabled" role="none"><img width="36" src="/assets/logo-52afee68.png" loading="eager" data-error="false" data-preview-src="/assets/logo-52afee68.png" data-group-id="" style="object-fit: fill;"><!----><!----></div></div><div role="menu" class="n-menu n-menu--vertical" style="--n-divider-color: rgb(239, 239, 245); --n-bezier: cubic-bezier(.4, 0, .2, 1); --n-font-size: 14px; --n-border-color-horizontal: #0000; --n-border-radius: 3px; --n-item-height: 42px; --n-group-text-color: rgb(118, 124, 130); --n-color: #0000; --n-item-text-color: rgb(51, 54, 57); --n-item-text-color-hover: rgb(51, 54, 57); --n-item-text-color-active: #18a058; --n-item-text-color-child-active: #18a058; --n-item-text-color-child-active-hover: #18a058; --n-item-text-color-active-hover: #18a058; --n-item-icon-color: rgb(31, 34, 37); --n-item-icon-color-hover: rgb(31, 34, 37); --n-item-icon-color-active: #18a058; --n-item-icon-color-active-hover: #18a058; --n-item-icon-color-child-active: #18a058; --n-item-icon-color-child-active-hover: #18a058; --n-item-icon-color-collapsed: rgb(31, 34, 37); --n-item-text-color-horizontal: rgb(51, 54, 57); --n-item-text-color-hover-horizontal: #36ad6a; --n-item-text-color-active-horizontal: #18a058; --n-item-text-color-child-active-horizontal: #18a058; --n-item-text-color-child-active-hover-horizontal: #18a058; --n-item-text-color-active-hover-horizontal: #18a058; --n-item-icon-color-horizontal: rgb(31, 34, 37); --n-item-icon-color-hover-horizontal: #36ad6a; --n-item-icon-color-active-horizontal: #18a058; --n-item-icon-color-active-hover-horizontal: #18a058; --n-item-icon-color-child-active-horizontal: #18a058; --n-item-icon-color-child-active-hover-horizontal: #18a058; --n-arrow-color: rgb(51, 54, 57); --n-arrow-color-hover: rgb(51, 54, 57); --n-arrow-color-active: #18a058; --n-arrow-color-active-hover: #18a058; --n-arrow-color-child-active: #18a058; --n-arrow-color-child-active-hover: #18a058; --n-item-color-hover: rgb(243, 243, 245); --n-item-color-active: rgba(24, 160, 88, 0.1); --n-item-color-active-hover: rgba(24, 160, 88, 0.1); --n-item-color-active-collapsed: rgba(24, 160, 88, 0.1);"><div role="menuitem" class="n-menu-item"><!----><div role="none" class="n-menu-item-content" style="padding-left: 32px;"><div class="n-menu-item-content__icon" role="none" style="width: 24px; height: 24px; font-size: 24px; margin-right: 8px;"><i role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><path d="M80 212v236a16 16 0 0 0 16 16h96V328a24 24 0 0 1 24-24h80a24 24 0 0 1 24 24v136h96a16 16 0 0 0 16-16V212" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><path d="M480 256L266.89 52c-5-5.28-16.69-5.34-21.78 0L32 256" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M400 179V64h-48v69"></path></svg></i></div><div class="n-menu-item-content-header" role="none"><div>广场</div><!----></div><!----></div><!----></div><div role="menuitem" class="n-menu-item"><!----><div role="none" class="n-menu-item-content" style="padding-left: 32px;"><div class="n-menu-item-content__icon" role="none" style="width: 24px; height: 24px; font-size: 24px; margin-right: 8px;"><i role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 9h14"></path><path d="M5 15h14"></path><path d="M11 4L7 20"></path><path d="M17 4l-4 16"></path></g></svg></i></div><div class="n-menu-item-content-header" role="none"><div>话题</div><!----></div><!----></div><!----></div></div><div class="user-wrap"><!----><div class="login-wrap"><button class="n-button n-button--primary-type n-button--medium-type n-button--secondary" tabindex="0" type="button" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-bezier-ease-out: cubic-bezier(0, 0, .2, 1); --n-ripple-duration: .6s; --n-opacity-disabled: 0.5; --n-wave-opacity: 0.6; font-weight: 500; --n-color: rgba(24, 160, 88, 0.16); --n-color-hover: rgba(24, 160, 88, 0.22); --n-color-pressed: rgba(24, 160, 88, 0.28); --n-color-focus: rgba(24, 160, 88, 0.22); --n-color-disabled: rgba(46, 51, 56, .05); --n-ripple-color: #0000; --n-text-color: #18a058; --n-text-color-hover: #18a058; --n-text-color-pressed: #18a058; --n-text-color-focus: #18a058; --n-text-color-disabled: #18a058; --n-border: 1px solid #18a058; --n-border-hover: 1px solid #36ad6a; --n-border-pressed: 1px solid #0c7a43; --n-border-focus: 1px solid #36ad6a; --n-border-disabled: 1px solid #18a058; --n-width: initial; --n-height: 34px; --n-font-size: 14px; --n-padding: 0 18px; --n-icon-size: 18px; --n-icon-margin: 6px; --n-border-radius: 34px;"><!----><!----><span class="n-button__content"> 登录 </span><div aria-hidden="true" class="n-base-wave"></div><!----><!----></button><button class="n-button n-button--info-type n-button--medium-type n-button--secondary" tabindex="0" type="button" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-bezier-ease-out: cubic-bezier(0, 0, .2, 1); --n-ripple-duration: .6s; --n-opacity-disabled: 0.5; --n-wave-opacity: 0.6; font-weight: 500; --n-color: rgba(32, 128, 240, 0.16); --n-color-hover: rgba(32, 128, 240, 0.22); --n-color-pressed: rgba(32, 128, 240, 0.28); --n-color-focus: rgba(32, 128, 240, 0.22); --n-color-disabled: rgba(46, 51, 56, .05); --n-ripple-color: #0000; --n-text-color: #2080f0; --n-text-color-hover: #2080f0; --n-text-color-pressed: #2080f0; --n-text-color-focus: #2080f0; --n-text-color-disabled: #2080f0; --n-border: 1px solid #2080f0; --n-border-hover: 1px solid #4098fc; --n-border-pressed: 1px solid #1060c9; --n-border-focus: 1px solid #4098fc; --n-border-disabled: 1px solid #2080f0; --n-width: initial; --n-height: 34px; --n-font-size: 14px; --n-padding: 0 18px; --n-icon-size: 18px; --n-icon-margin: 6px; --n-border-radius: 34px;"><!----><!----><span class="n-button__content"> 注册 </span><div aria-hidden="true" class="n-base-wave"></div><!----><!----></button></div></div></div></div><div class="content-wrap"><!----><div data-v-0d01659f="" class="app-wrap"><!----><div class="n-card n-card--bordered nav-title-card" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-border-radius: 3px; --n-color: #fff; --n-color-modal: #fff; --n-color-popover: #fff; --n-color-embedded: rgb(250, 250, 252); --n-color-embedded-modal: rgb(250, 250, 252); --n-color-embedded-popover: rgb(250, 250, 252); --n-color-target: #18a058; --n-text-color: rgb(51, 54, 57); --n-line-height: 1.6; --n-action-color: rgb(250, 250, 252); --n-title-text-color: rgb(31, 34, 37); --n-title-font-weight: 500; --n-close-icon-color: rgba(102, 102, 102, 1); --n-close-icon-color-hover: rgba(102, 102, 102, 1); --n-close-icon-color-pressed: rgba(102, 102, 102, 1); --n-close-color-hover: rgba(0, 0, 0, .09); --n-close-color-pressed: rgba(0, 0, 0, .13); --n-border-color: rgb(239, 239, 245); --n-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, .08), 0 3px 6px 0 rgba(0, 0, 0, .06), 0 5px 12px 4px rgba(0, 0, 0, .04); --n-padding-top: 12px; --n-padding-bottom: 12px; --n-padding-left: 16px; --n-font-size: 14px; --n-title-font-size: 16px; --n-close-size: 22px; --n-close-icon-size: 18px; --n-close-border-radius: 3px;"><!----><div class="n-card-header"><div class="n-card-header__main" role="heading"><div class="navbar"><!----><button class="n-button n-button--default-type n-button--small-type back-btn" tabindex="0" type="button" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-bezier-ease-out: cubic-bezier(0, 0, .2, 1); --n-ripple-duration: .6s; --n-opacity-disabled: 0.5; --n-wave-opacity: 0.6; font-weight: 400; --n-color: #0000; --n-color-hover: rgba(46, 51, 56, .09); --n-color-pressed: rgba(46, 51, 56, .13); --n-color-focus: rgba(46, 51, 56, .09); --n-color-disabled: #0000; --n-ripple-color: #0000; --n-text-color: rgb(51, 54, 57); --n-text-color-hover: rgb(51, 54, 57); --n-text-color-pressed: rgb(51, 54, 57); --n-text-color-focus: rgb(51, 54, 57); --n-text-color-disabled: rgb(51, 54, 57); --n-border: 1px solid rgb(224, 224, 230); --n-border-hover: 1px solid #36ad6a; --n-border-pressed: 1px solid #0c7a43; --n-border-focus: 1px solid #36ad6a; --n-border-disabled: 1px solid rgb(224, 224, 230); --n-width: 28px; --n-height: 28px; --n-font-size: 14px; --n-padding: initial; --n-icon-size: 18px; --n-icon-margin: 6px; --n-border-radius: 28px;"><!----><span class="n-button__icon" style="margin: 0px;"><div class="n-icon-slot" role="none"><i role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M14.71 6.71a.996.996 0 0 0-1.41 0L8.71 11.3a.996.996 0 0 0 0 1.41l4.59 4.59a.996.996 0 1 0 1.41-1.41L10.83 12l3.88-3.88c.39-.39.38-1.03 0-1.41z" fill="currentColor"></path></svg></i></div></span><!----><div aria-hidden="true" class="n-base-wave"></div><!----><!----></button> 泡泡详情 <div role="switch" aria-checked="false" class="n-switch n-switch--icon n-switch--round n-switch--rubber-band theme-switch-wrap" tabindex="0" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-button-border-radius: 3px; --n-button-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3), inset 0 0 1px 0 rgba(0, 0, 0, 0.05); --n-button-color: #FFF; --n-button-width: 14px; --n-button-width-pressed: 20px; --n-button-height: 14px; --n-height: max(18px, 14px); --n-offset: calc((18px - 14px) / 2); --n-opacity-disabled: 0.5; --n-rail-border-radius: 3px; --n-rail-color: rgba(0, 0, 0, .14); --n-rail-color-active: #18a058; --n-rail-height: 18px; --n-rail-width: 32px; --n-width: max(32px, calc(32px + 14px - 18px)); --n-box-shadow-focus: 0 0 0 2px rgba(24, 160, 88, 0.2); --n-loading-color: #18a058; --n-text-color: white; --n-icon-color: rgb(118, 124, 130);"><div class="n-switch__rail" aria-hidden="true"><!----><div class="n-switch__button"><div class="n-switch__button-icon"><i role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M9.37 5.51A7.35 7.35 0 0 0 9.1 7.5c0 4.08 3.32 7.4 7.4 7.4c.68 0 1.35-.09 1.99-.27A7.014 7.014 0 0 1 12 19c-3.86 0-7-3.14-7-7c0-2.93 1.81-5.45 4.37-6.49zM12 3a9 9 0 1 0 9 9c0-.46-.04-.92-.1-1.36a5.389 5.389 0 0 1-4.4 2.26a5.403 5.403 0 0 1-3.14-9.8c-.44-.06-.9-.1-1.36-.1z" fill="currentColor"></path></svg></i></div><!----><!----></div></div></div></div></div><!----><!----></div><!----><!----><!----></div><ul data-v-0d01659f="" class="n-list n-list--bordered n-list--show-divider main-content-wrap" style="--n-font-size: 14px; --n-bezier: cubic-bezier(.4, 0, .2, 1); --n-text-color: rgb(51, 54, 57); --n-color: #fff; --n-border-radius: 3px; --n-border-color: rgb(239, 239, 245); --n-border-color-modal: rgba(239, 239, 245, 1); --n-border-color-popover: rgba(239, 239, 245, 1); --n-color-modal: #fff; --n-color-popover: #fff; --n-color-hover: rgb(243, 243, 245); --n-color-hover-modal: rgba(243, 243, 245, 1); --n-color-hover-popover: rgba(243, 243, 245, 1);"><!----><li data-v-0d01659f="" class="n-list-item"><!----><div class="n-list-item__main"><div data-v-0d01659f="" class="n-spin-container" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-opacity-spinning: 0.5; --n-size: 34px; --n-color: #18a058; --n-text-color: #18a058;"><div class="n-spin-content"><div data-v-0d01659f="" class="detail-wrap"><div data-v-0d01659f="" class="detail-item"><div class="n-thing" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-font-size: 14px; --n-text-color: rgb(51, 54, 57); --n-title-font-weight: 500; --n-title-text-color: rgb(31, 34, 37);"><!----><div class="n-thing-main"><div class="n-thing-avatar-header-wrapper"><div class="n-thing-avatar"><span class="n-avatar" style="--n-font-size: 14px; --n-border: none; --n-border-radius: 50%; --n-color: rgba(204, 204, 204, 1); --n-color-modal: rgba(204, 204, 204, 1); --n-color-popover: rgba(204, 204, 204, 1); --n-bezier: cubic-bezier(.4, 0, .2, 1); --n-merged-size: var(--n-avatar-size-override, 30px);"><img loading="eager" src="https://cdn.paopao.info/public/avatar/4e/be/bd/0d/b3d4-4f62-8f77-a2cad62e199b.png" data-image-src="https://cdn.paopao.info/public/avatar/4e/be/bd/0d/b3d4-4f62-8f77-a2cad62e199b.png"><!----></span></div><div class="n-thing-header-wrapper"><div class="n-thing-header"><div class="n-thing-header__title"><a href="#/u?s=henryspace" class="username-link">henryspace</a><span class="username-wrap"> @henryspace</span><!----><!----><!----></div><div class="n-thing-header__extra"><!----><!----><!----><!----><!----><!----></div></div><!----></div></div><div class="n-thing-main__content"><div><span class="post-text"><a class="hash-link" data-detail="tag:Crypto">#Crypto</a> 

发现个端到端加密的聊天和文件共享工具，挺有意思～
</span></div></div><div class="n-thing-main__footer"><div data-v-22563084="" class="attachment-wrap"><!----></div><div data-v-22563084="" class="attachment-wrap"><!----></div><div class="images-wrap"><!----><!----><!----><!----><!----><!----><!----><!----></div><!----><div data-v-36eef76b="" class="link-wrap"><div data-v-36eef76b="" class="link-item"><i data-v-36eef76b="" class="hash-link n-icon" role="img" style="--n-bezier: cubic-bezier(.4, 0, .2, 1);"><svg data-v-36eef76b="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><path d="M208 352h-64a96 96 0 0 1 0-192h64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="36"></path><path d="M304 160h64a96 96 0 0 1 0 192h-64" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="36"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="36" d="M163.29 256h187.42"></path></svg></i><div data-v-36eef76b="" class="link-txt-wrap"><a data-v-36eef76b="" href="https://keybase.io/" class="hash-link" target="_blank"><span data-v-36eef76b="" class="link-txt">https://keybase.io/</span></a></div></div></div><div class="timestamp"> 发布于 2023-07-06 23:12 <span><div role="separator" class="n-divider n-divider--vertical n-divider--no-title" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-color: rgb(239, 239, 245); --n-text-color: rgb(31, 34, 37); --n-font-weight: 500;"><!----><!----></div> 浙江省杭州市</span><span><div role="separator" class="n-divider n-divider--vertical n-divider--no-title" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-color: rgb(239, 239, 245); --n-text-color: rgb(31, 34, 37); --n-font-weight: 500;"><!----><!----></div> 最后回复 2023-12-13 01:04</span></div></div><div class="n-thing-main__action"><div class="opts-wrap"><div role="none" class="n-space" style="display: flex; flex-flow: wrap; justify-content: space-between; gap: 8px 12px;"><div role="none" style="max-width: 100%;"><div class="opt-item hover"><i class="opt-item-icon n-icon" role="img" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: 20px;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><path d="M352.92 80C288 80 256 144 256 144s-32-64-96.92-64c-52.76 0-94.54 44.14-95.08 96.81c-1.1 109.33 86.73 187.08 183 252.42a16 16 0 0 0 18 0c96.26-65.34 184.09-143.09 183-252.42c-.54-52.67-42.32-96.81-95.08-96.81z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg><!----></i> 0</div></div><div role="none" style="max-width: 100%;"><div class="opt-item"><i class="opt-item-icon n-icon" role="img" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: 20px;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><path d="M408 64H104a56.16 56.16 0 0 0-56 56v192a56.16 56.16 0 0 0 56 56h40v80l93.72-78.14a8 8 0 0 1 5.13-1.86H408a56.16 56.16 0 0 0 56-56V120a56.16 56.16 0 0 0-56-56z" fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="32"></path></svg></i> 19</div></div><div role="none" style="max-width: 100%;"><div class="opt-item hover"><i class="opt-item-icon n-icon" role="img" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: 20px;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><path d="M352 48H160a48 48 0 0 0-48 48v368l144-128l144 128V96a48 48 0 0 0-48-48z" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></path></svg><!----></i> 0</div></div><div role="none" style="max-width: 100%;"><div class="opt-item hover"><i class="opt-item-icon n-icon" role="img" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: 20px;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><circle cx="128" cy="256" r="48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></circle><circle cx="384" cy="112" r="48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></circle><circle cx="384" cy="400" r="48" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32"></circle><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M169.83 279.53l172.34 96.94"></path><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M342.17 135.53l-172.34 96.94"></path></svg></i> 0</div></div></div></div></div></div></div></div></div></div><!----></div></div><!----><div class="n-list-item__divider"></div></li><div data-v-0d01659f="" class="comment-opts-wrap"><div data-v-0d01659f="" class="n-tabs n-tabs--bar-type n-tabs--small-size n-tabs--flex n-tabs--top" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-color-segment: rgb(247, 247, 250); --n-bar-color: #18a058; --n-tab-font-size: 14px; --n-tab-text-color: rgb(31, 34, 37); --n-tab-text-color-active: #18a058; --n-tab-text-color-disabled: rgba(194, 194, 194, 1); --n-tab-text-color-hover: #18a058; --n-pane-text-color: rgb(51, 54, 57); --n-tab-border-color: rgb(239, 239, 245); --n-tab-border-radius: 3px; --n-close-size: 18px; --n-close-icon-size: 14px; --n-close-color-hover: rgba(0, 0, 0, .09); --n-close-color-pressed: rgba(0, 0, 0, .13); --n-close-border-radius: 3px; --n-close-icon-color: rgba(102, 102, 102, 1); --n-close-icon-color-hover: rgba(102, 102, 102, 1); --n-close-icon-color-pressed: rgba(102, 102, 102, 1); --n-tab-color: rgb(247, 247, 250); --n-tab-font-weight: 400; --n-tab-font-weight-active: 400; --n-tab-padding: 4px 0; --n-tab-padding-vertical: 6px 12px; --n-tab-gap: 36px; --n-tab-gap-vertical: 8px; --n-pane-padding-left: 0; --n-pane-padding-right: 0; --n-pane-padding-top: 8px; --n-pane-padding-bottom: 0; --n-font-weight-strong: 500; --n-tab-color-segment: #FFF;"><div class="n-tabs-nav--bar-type n-tabs-nav--top n-tabs-nav"><div class="n-tabs-nav__prefix"><span data-v-0d01659f="" class="comment-title-item">评论</span></div><div class="n-tabs-nav-scroll-wrapper"><div class="v-x-scroll"><div class="n-tabs-nav-scroll-content"><div class="n-tabs-wrapper" style="display: flex; justify-content: end;"><!----><div class="n-tabs-tab-wrapper"><!----><div data-name="default" class="n-tabs-tab n-tabs-tab--active"><span class="n-tabs-tab__label">默认</span><!----></div></div><div class="n-tabs-tab-wrapper"><div class="n-tabs-tab-pad"></div><div data-name="newest" class="n-tabs-tab"><span class="n-tabs-tab__label">最新</span><!----></div></div><!----><!----></div><!----><div class="n-tabs-bar" style="left: 426px; max-width: 28px; width: 8192px;"></div></div></div></div><!----><!----></div><div class="n-tabs-pane-wrapper"><div data-v-0d01659f="" class="n-tab-pane"></div></div></div></div><li data-v-0d01659f="" class="n-list-item"><!----><div class="n-list-item__main"><div data-v-634e6bfd="" data-v-0d01659f=""><div data-v-634e6bfd="" class="compose-wrap"><div data-v-634e6bfd="" class="login-wrap"><span data-v-634e6bfd="" class="login-banner"> 登录后，精彩更多</span></div><!----><div data-v-634e6bfd="" class="login-wrap"><button data-v-634e6bfd="" class="n-button n-button--primary-type n-button--medium-type n-button--secondary" tabindex="0" type="button" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-bezier-ease-out: cubic-bezier(0, 0, .2, 1); --n-ripple-duration: .6s; --n-opacity-disabled: 0.5; --n-wave-opacity: 0.6; font-weight: 500; --n-color: rgba(24, 160, 88, 0.16); --n-color-hover: rgba(24, 160, 88, 0.22); --n-color-pressed: rgba(24, 160, 88, 0.28); --n-color-focus: rgba(24, 160, 88, 0.22); --n-color-disabled: rgba(46, 51, 56, .05); --n-ripple-color: #0000; --n-text-color: #18a058; --n-text-color-hover: #18a058; --n-text-color-pressed: #18a058; --n-text-color-focus: #18a058; --n-text-color-disabled: #18a058; --n-border: 1px solid #18a058; --n-border-hover: 1px solid #36ad6a; --n-border-pressed: 1px solid #0c7a43; --n-border-focus: 1px solid #36ad6a; --n-border-disabled: 1px solid #18a058; --n-width: initial; --n-height: 34px; --n-font-size: 14px; --n-padding: 0 18px; --n-icon-size: 18px; --n-icon-margin: 6px; --n-border-radius: 34px;"><!----><!----><span class="n-button__content"> 登录 </span><div aria-hidden="true" class="n-base-wave"></div><!----><!----></button><button data-v-634e6bfd="" class="n-button n-button--info-type n-button--medium-type n-button--secondary" tabindex="0" type="button" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-bezier-ease-out: cubic-bezier(0, 0, .2, 1); --n-ripple-duration: .6s; --n-opacity-disabled: 0.5; --n-wave-opacity: 0.6; font-weight: 500; --n-color: rgba(32, 128, 240, 0.16); --n-color-hover: rgba(32, 128, 240, 0.22); --n-color-pressed: rgba(32, 128, 240, 0.28); --n-color-focus: rgba(32, 128, 240, 0.22); --n-color-disabled: rgba(46, 51, 56, .05); --n-ripple-color: #0000; --n-text-color: #2080f0; --n-text-color-hover: #2080f0; --n-text-color-pressed: #2080f0; --n-text-color-focus: #2080f0; --n-text-color-disabled: #2080f0; --n-border: 1px solid #2080f0; --n-border-hover: 1px solid #4098fc; --n-border-pressed: 1px solid #1060c9; --n-border-focus: 1px solid #4098fc; --n-border-disabled: 1px solid #2080f0; --n-width: initial; --n-height: 34px; --n-font-size: 14px; --n-padding: 0 18px; --n-icon-size: 18px; --n-icon-margin: 6px; --n-border-radius: 34px;"><!----><!----><span class="n-button__content"> 注册 </span><div aria-hidden="true" class="n-base-wave"></div><!----><!----></button></div></div></div></div><!----><div class="n-list-item__divider"></div></li><div data-v-0d01659f=""><div data-v-0d01659f=""><!----><li data-v-0d01659f="" class="n-list-item"><!----><div class="n-list-item__main"><div data-v-36dac8c8="" data-v-0d01659f="" class="comment-item"><div data-v-36dac8c8="" class="n-thing" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-font-size: 14px; --n-text-color: rgb(51, 54, 57); --n-title-font-weight: 500; --n-title-text-color: rgb(31, 34, 37);"><div class="n-thing-avatar"><span data-v-36dac8c8="" class="n-avatar" style="--n-font-size: 14px; --n-border: none; --n-border-radius: 50%; --n-color: rgba(204, 204, 204, 1); --n-color-modal: rgba(204, 204, 204, 1); --n-color-popover: rgba(204, 204, 204, 1); --n-bezier: cubic-bezier(.4, 0, .2, 1); --n-merged-size: var(--n-avatar-size-override, 30px);"><img loading="eager" src="https://cdn.paopao.info/public/avatar/4e/be/bd/0d/b3d4-4f62-8f77-a2cad62e199b.png" data-image-src="https://cdn.paopao.info/public/avatar/4e/be/bd/0d/b3d4-4f62-8f77-a2cad62e199b.png"><!----></span></div><div class="n-thing-main"><div class="n-thing-header"><div class="n-thing-header__title"><span data-v-36dac8c8="" class="nickname-wrap"><a data-v-36dac8c8="" href="#/u?s=henryspace" class="username-link">henryspace</a></span><span data-v-36dac8c8="" class="username-wrap"> @henryspace</span></div><div class="n-thing-header__extra"><div data-v-36dac8c8="" class="opt-wrap"><span data-v-36dac8c8="" class="timestamp">浙江省杭州市</span><!----></div></div></div><div class="n-thing-main__description"><span data-v-36dac8c8="" class="comment-text">发展大了的电报毕竟也要受监管，凡是中心化的东西都逃不脱要被控制的命运；但是太自由了也很容易玩脱了，成为作恶和犯罪的温床，所以区块链这种东西注定也只是小众的，只要有人群在的地方，人们不允许有不能被控制的东西任意发展。</span></div><!----><div class="n-thing-main__footer"><!----><div data-v-f9af7a93="" data-v-36dac8c8="" class="reply-compose-wrap"><div data-v-f9af7a93="" class="reply-switch"><span data-v-f9af7a93="" class="time-item">2023-07-06 23:19</span><div data-v-f9af7a93="" class="actions"><div data-v-f9af7a93="" class="action-item"><i data-v-f9af7a93="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-f9af7a93="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M9 21h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2c0-1.1-.9-2-2-2h-6.31l.95-4.57l.03-.32c0-.41-.17-.79-.44-1.06L14.17 1L7.58 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2zM9 9l4.34-4.34L12 10h9v2l-3 7H9V9zM1 9h4v12H1z" fill="currentColor"></path></svg></i><span data-v-f9af7a93="" class="upvote-count">0</span></div><!----><div data-v-f9af7a93="" class="action-item"><i data-v-f9af7a93="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-f9af7a93="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57l-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm0 12l-4.34 4.34L12 14H3v-2l3-7h9v10zm4-12h4v12h-4z" fill="currentColor"></path></svg></i></div><!----><!----><!----></div></div><!----></div><div data-v-36dac8c8="" class="reply-wrap"><div data-v-187a4ed3="" data-v-36dac8c8="" class="reply-item"><div data-v-187a4ed3="" class="header-wrap"><div data-v-187a4ed3="" class="username"><a data-v-187a4ed3="" href="#/u?s=alimy" class="user-link">alimy</a><span data-v-187a4ed3="" class="reply-name">:</span><!----></div><div data-v-187a4ed3="" class="timestamp">上海市 <!----></div></div><div data-v-187a4ed3="" class="base-wrap"><div data-v-187a4ed3="" class="content"><span data-v-187a4ed3="" class="n-ellipsis n-ellipsis--line-clamp n-ellipsis--cursor-pointer" style="-webkit-line-clamp: 5;">个人观点，端密聊天 本身就是小众的所需，也是小众受用，应该是，有人群的地方，小众虽小，却有很强的关注度与话语权，容易被这部分小众的视角带偏思维，以偏概全。大众某种程度上来说，是有限空间内无限自由的！</span></div><div data-v-187a4ed3="" class="reply-switch"><span data-v-187a4ed3="" class="time-item">2023-07-07 03:56</span><div data-v-187a4ed3="" class="actions"><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M9 21h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2c0-1.1-.9-2-2-2h-6.31l.95-4.57l.03-.32c0-.41-.17-.79-.44-1.06L14.17 1L7.58 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2zM9 9l4.34-4.34L12 10h9v2l-3 7H9V9zM1 9h4v12H1z" fill="currentColor"></path></svg></i><span data-v-187a4ed3="" class="upvote-count">0</span></div><!----><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57l-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm0 12l-4.34 4.34L12 14H3v-2l3-7h9v10zm4-12h4v12h-4z" fill="currentColor"></path></svg></i></div><!----><!----></div></div></div></div></div></div><!----></div></div></div></div><!----><div class="n-list-item__divider"></div></li><li data-v-0d01659f="" class="n-list-item"><!----><div class="n-list-item__main"><div data-v-36dac8c8="" data-v-0d01659f="" class="comment-item"><div data-v-36dac8c8="" class="n-thing" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-font-size: 14px; --n-text-color: rgb(51, 54, 57); --n-title-font-weight: 500; --n-title-text-color: rgb(31, 34, 37);"><div class="n-thing-avatar"><span data-v-36dac8c8="" class="n-avatar" style="--n-font-size: 14px; --n-border: none; --n-border-radius: 50%; --n-color: rgba(204, 204, 204, 1); --n-color-modal: rgba(204, 204, 204, 1); --n-color-popover: rgba(204, 204, 204, 1); --n-bezier: cubic-bezier(.4, 0, .2, 1); --n-merged-size: var(--n-avatar-size-override, 30px);"><img loading="eager" src="https://cdn.paopao.info/public/avatar/1f/28/84/e0/489b-40e4-948b-ac3c2f931546.jpeg" data-image-src="https://cdn.paopao.info/public/avatar/1f/28/84/e0/489b-40e4-948b-ac3c2f931546.jpeg"><!----></span></div><div class="n-thing-main"><div class="n-thing-header"><div class="n-thing-header__title"><span data-v-36dac8c8="" class="nickname-wrap"><a data-v-36dac8c8="" href="#/u?s=alimy" class="username-link">北野</a></span><span data-v-36dac8c8="" class="username-wrap"> @alimy</span></div><div class="n-thing-header__extra"><div data-v-36dac8c8="" class="opt-wrap"><span data-v-36dac8c8="" class="timestamp">上海市</span><!----></div></div></div><div class="n-thing-main__description"><span data-v-36dac8c8="" class="comment-text">好熟悉的app啊，看👀其logo，就好像哪见过，之前好像有开源版本来着？后来被zoom给收购了？ 忘了，可能搞混了吧～</span></div><!----><div class="n-thing-main__footer"><!----><div data-v-f9af7a93="" data-v-36dac8c8="" class="reply-compose-wrap"><div data-v-f9af7a93="" class="reply-switch"><span data-v-f9af7a93="" class="time-item">2023-07-07 02:41</span><div data-v-f9af7a93="" class="actions"><div data-v-f9af7a93="" class="action-item"><i data-v-f9af7a93="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-f9af7a93="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M9 21h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2c0-1.1-.9-2-2-2h-6.31l.95-4.57l.03-.32c0-.41-.17-.79-.44-1.06L14.17 1L7.58 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2zM9 9l4.34-4.34L12 10h9v2l-3 7H9V9zM1 9h4v12H1z" fill="currentColor"></path></svg></i><span data-v-f9af7a93="" class="upvote-count">0</span></div><!----><div data-v-f9af7a93="" class="action-item"><i data-v-f9af7a93="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-f9af7a93="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57l-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm0 12l-4.34 4.34L12 14H3v-2l3-7h9v10zm4-12h4v12h-4z" fill="currentColor"></path></svg></i></div><!----><!----><!----></div></div><!----></div><div data-v-36dac8c8="" class="reply-wrap"><div data-v-187a4ed3="" data-v-36dac8c8="" class="reply-item"><div data-v-187a4ed3="" class="header-wrap"><div data-v-187a4ed3="" class="username"><a data-v-187a4ed3="" href="#/u?s=henryspace" class="user-link">henryspace</a><span data-v-187a4ed3="" class="reply-name">:</span><!----></div><div data-v-187a4ed3="" class="timestamp">浙江省杭州市 <!----></div></div><div data-v-187a4ed3="" class="base-wrap"><div data-v-187a4ed3="" class="content"><span data-v-187a4ed3="" class="n-ellipsis n-ellipsis--line-clamp n-ellipsis--cursor-pointer" style="-webkit-line-clamp: 5;">这个是开源的：https://github.com/keybase/book-content</span></div><div data-v-187a4ed3="" class="reply-switch"><span data-v-187a4ed3="" class="time-item">2023-07-07 09:03</span><div data-v-187a4ed3="" class="actions"><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M9 21h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2c0-1.1-.9-2-2-2h-6.31l.95-4.57l.03-.32c0-.41-.17-.79-.44-1.06L14.17 1L7.58 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2zM9 9l4.34-4.34L12 10h9v2l-3 7H9V9zM1 9h4v12H1z" fill="currentColor"></path></svg></i><span data-v-187a4ed3="" class="upvote-count">0</span></div><!----><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57l-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm0 12l-4.34 4.34L12 14H3v-2l3-7h9v10zm4-12h4v12h-4z" fill="currentColor"></path></svg></i></div><!----><!----></div></div></div></div></div></div><!----></div></div></div></div><!----><div class="n-list-item__divider"></div></li><li data-v-0d01659f="" class="n-list-item"><!----><div class="n-list-item__main"><div data-v-36dac8c8="" data-v-0d01659f="" class="comment-item"><div data-v-36dac8c8="" class="n-thing" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-font-size: 14px; --n-text-color: rgb(51, 54, 57); --n-title-font-weight: 500; --n-title-text-color: rgb(31, 34, 37);"><div class="n-thing-avatar"><span data-v-36dac8c8="" class="n-avatar" style="--n-font-size: 14px; --n-border: none; --n-border-radius: 50%; --n-color: rgba(204, 204, 204, 1); --n-color-modal: rgba(204, 204, 204, 1); --n-color-popover: rgba(204, 204, 204, 1); --n-bezier: cubic-bezier(.4, 0, .2, 1); --n-merged-size: var(--n-avatar-size-override, 30px);"><img loading="eager" src="https://cdn.paopao.info/public/avatar/1f/28/84/e0/489b-40e4-948b-ac3c2f931546.jpeg" data-image-src="https://cdn.paopao.info/public/avatar/1f/28/84/e0/489b-40e4-948b-ac3c2f931546.jpeg"><!----></span></div><div class="n-thing-main"><div class="n-thing-header"><div class="n-thing-header__title"><span data-v-36dac8c8="" class="nickname-wrap"><a data-v-36dac8c8="" href="#/u?s=alimy" class="username-link">北野</a></span><span data-v-36dac8c8="" class="username-wrap"> @alimy</span></div><div class="n-thing-header__extra"><div data-v-36dac8c8="" class="opt-wrap"><span data-v-36dac8c8="" class="timestamp">上海市</span><!----></div></div></div><div class="n-thing-main__description"><span data-v-36dac8c8="" class="comment-text"><a class="hash-link" data-detail="user:henryspace">@henryspace</a> 端到端加密 说实话也并不是大众群体的刚性需求，这玩意说以开发商的角度思考，就TM的一个好噱头，方便讲故事拉投资顺便拉点用户。
站在普通大众群体，端密聊天，可有可无，老子又不是名人，也没人说我是帅哥美女，除了对面的聊天对象，谁tm在乎老子啊，都不在乎了，还怕你吖的看老子聊啥啊，不存在的～ 所以端密聊天，大众群体是概念模糊的，有选择当然更好，没得选也不太在乎～
</span></div><!----><div class="n-thing-main__footer"><!----><div data-v-f9af7a93="" data-v-36dac8c8="" class="reply-compose-wrap"><div data-v-f9af7a93="" class="reply-switch"><span data-v-f9af7a93="" class="time-item">2023-07-07 02:46</span><div data-v-f9af7a93="" class="actions"><div data-v-f9af7a93="" class="action-item"><i data-v-f9af7a93="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-f9af7a93="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M9 21h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2c0-1.1-.9-2-2-2h-6.31l.95-4.57l.03-.32c0-.41-.17-.79-.44-1.06L14.17 1L7.58 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2zM9 9l4.34-4.34L12 10h9v2l-3 7H9V9zM1 9h4v12H1z" fill="currentColor"></path></svg></i><span data-v-f9af7a93="" class="upvote-count">0</span></div><!----><div data-v-f9af7a93="" class="action-item"><i data-v-f9af7a93="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-f9af7a93="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57l-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm0 12l-4.34 4.34L12 14H3v-2l3-7h9v10zm4-12h4v12h-4z" fill="currentColor"></path></svg></i></div><!----><!----><!----></div></div><!----></div><div data-v-36dac8c8="" class="reply-wrap"><div data-v-187a4ed3="" data-v-36dac8c8="" class="reply-item"><div data-v-187a4ed3="" class="header-wrap"><div data-v-187a4ed3="" class="username"><a data-v-187a4ed3="" href="#/u?s=alimy" class="user-link">alimy</a><span data-v-187a4ed3="" class="reply-name">:</span><!----></div><div data-v-187a4ed3="" class="timestamp">上海市 <!----></div></div><div data-v-187a4ed3="" class="base-wrap"><div data-v-187a4ed3="" class="content"><span data-v-187a4ed3="" class="n-ellipsis n-ellipsis--line-clamp n-ellipsis--cursor-pointer" style="-webkit-line-clamp: 5;">但是那一小撮小众群体，确实非常需要 端密聊天，一是上层精英认识，有时这个确实是刚需，还有一个群体，就是需要逃避某种潜在审核的聊天，对这个也是刚需～</span></div><div data-v-187a4ed3="" class="reply-switch"><span data-v-187a4ed3="" class="time-item">2023-07-07 02:48</span><div data-v-187a4ed3="" class="actions"><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M9 21h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2c0-1.1-.9-2-2-2h-6.31l.95-4.57l.03-.32c0-.41-.17-.79-.44-1.06L14.17 1L7.58 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2zM9 9l4.34-4.34L12 10h9v2l-3 7H9V9zM1 9h4v12H1z" fill="currentColor"></path></svg></i><span data-v-187a4ed3="" class="upvote-count">0</span></div><!----><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57l-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm0 12l-4.34 4.34L12 14H3v-2l3-7h9v10zm4-12h4v12h-4z" fill="currentColor"></path></svg></i></div><!----><!----></div></div></div></div><div data-v-187a4ed3="" data-v-36dac8c8="" class="reply-item"><div data-v-187a4ed3="" class="header-wrap"><div data-v-187a4ed3="" class="username"><a data-v-187a4ed3="" href="#/u?s=alimy" class="user-link">alimy</a><span data-v-187a4ed3="" class="reply-name">:</span><!----></div><div data-v-187a4ed3="" class="timestamp">上海市 <!----></div></div><div data-v-187a4ed3="" class="base-wrap"><div data-v-187a4ed3="" class="content"><span data-v-187a4ed3="" class="n-ellipsis n-ellipsis--line-clamp n-ellipsis--cursor-pointer" style="-webkit-line-clamp: 5;">要我说，端密聊天，作为运营者角度来看，就是一个需要多投入精力去开发，还需要更多算力与带宽来支撑的鸡肋产品特性，大环境下其本质是满足那一小撮小众群体的隐形刚需而已</span></div><div data-v-187a4ed3="" class="reply-switch"><span data-v-187a4ed3="" class="time-item">2023-07-07 02:50</span><div data-v-187a4ed3="" class="actions"><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M9 21h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2c0-1.1-.9-2-2-2h-6.31l.95-4.57l.03-.32c0-.41-.17-.79-.44-1.06L14.17 1L7.58 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2zM9 9l4.34-4.34L12 10h9v2l-3 7H9V9zM1 9h4v12H1z" fill="currentColor"></path></svg></i><span data-v-187a4ed3="" class="upvote-count">0</span></div><!----><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57l-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm0 12l-4.34 4.34L12 14H3v-2l3-7h9v10zm4-12h4v12h-4z" fill="currentColor"></path></svg></i></div><!----><!----></div></div></div></div><div data-v-187a4ed3="" data-v-36dac8c8="" class="reply-item"><div data-v-187a4ed3="" class="header-wrap"><div data-v-187a4ed3="" class="username"><a data-v-187a4ed3="" href="#/u?s=alimy" class="user-link">alimy</a><span data-v-187a4ed3="" class="reply-name">:</span><!----></div><div data-v-187a4ed3="" class="timestamp">上海市 <!----></div></div><div data-v-187a4ed3="" class="base-wrap"><div data-v-187a4ed3="" class="content"><span data-v-187a4ed3="" class="n-ellipsis n-ellipsis--line-clamp n-ellipsis--cursor-pointer" style="-webkit-line-clamp: 5;">但是作为老板，为了在资本市场有素材讲好故事拉来投资亦或给陌生用户留个好印象端密这玩意确实好使，就像一个摄影白痴买手机却去在意拍照功能要多么牛逼，其实一年到头也拍不了几张照片，够用就OK了</span></div><div data-v-187a4ed3="" class="reply-switch"><span data-v-187a4ed3="" class="time-item">2023-07-07 02:54</span><div data-v-187a4ed3="" class="actions"><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M9 21h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2c0-1.1-.9-2-2-2h-6.31l.95-4.57l.03-.32c0-.41-.17-.79-.44-1.06L14.17 1L7.58 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2zM9 9l4.34-4.34L12 10h9v2l-3 7H9V9zM1 9h4v12H1z" fill="currentColor"></path></svg></i><span data-v-187a4ed3="" class="upvote-count">0</span></div><!----><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57l-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm0 12l-4.34 4.34L12 14H3v-2l3-7h9v10zm4-12h4v12h-4z" fill="currentColor"></path></svg></i></div><!----><!----></div></div></div></div><div data-v-187a4ed3="" data-v-36dac8c8="" class="reply-item"><div data-v-187a4ed3="" class="header-wrap"><div data-v-187a4ed3="" class="username"><a data-v-187a4ed3="" href="#/u?s=alimy" class="user-link">alimy</a><span data-v-187a4ed3="" class="reply-name">:</span><!----></div><div data-v-187a4ed3="" class="timestamp">上海市 <!----></div></div><div data-v-187a4ed3="" class="base-wrap"><div data-v-187a4ed3="" class="content"><span data-v-187a4ed3="" class="n-ellipsis n-ellipsis--line-clamp n-ellipsis--cursor-pointer" style="-webkit-line-clamp: 5;">- 但用户还是会为潜在需求买单。端密聊天这个特性和上面👆说的买相机送手机非常类似，你其实要的是手机，却盯着相机特性去买；这里的话，作为普通用户，他喵的老子就想愉快的聊个天，其他的还真不太在乎～</span></div><div data-v-187a4ed3="" class="reply-switch"><span data-v-187a4ed3="" class="time-item">2023-07-07 02:57</span><div data-v-187a4ed3="" class="actions"><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M9 21h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2c0-1.1-.9-2-2-2h-6.31l.95-4.57l.03-.32c0-.41-.17-.79-.44-1.06L14.17 1L7.58 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2zM9 9l4.34-4.34L12 10h9v2l-3 7H9V9zM1 9h4v12H1z" fill="currentColor"></path></svg></i><span data-v-187a4ed3="" class="upvote-count">0</span></div><!----><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57l-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm0 12l-4.34 4.34L12 14H3v-2l3-7h9v10zm4-12h4v12h-4z" fill="currentColor"></path></svg></i></div><!----><!----></div></div></div></div><div data-v-187a4ed3="" data-v-36dac8c8="" class="reply-item"><div data-v-187a4ed3="" class="header-wrap"><div data-v-187a4ed3="" class="username"><a data-v-187a4ed3="" href="#/u?s=alimy" class="user-link">alimy</a><span data-v-187a4ed3="" class="reply-name">:</span><!----></div><div data-v-187a4ed3="" class="timestamp">上海市 <!----></div></div><div data-v-187a4ed3="" class="base-wrap"><div data-v-187a4ed3="" class="content"><span data-v-187a4ed3="" class="n-ellipsis n-ellipsis--line-clamp n-ellipsis--cursor-pointer" style="-webkit-line-clamp: 5;">- 关键是他喵的普通大众的老子，也没啥太值得被在乎啊，想到这，就莫名的有种安全感，是不是呢～ </span></div><div data-v-187a4ed3="" class="reply-switch"><span data-v-187a4ed3="" class="time-item">2023-07-07 02:58</span><div data-v-187a4ed3="" class="actions"><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M9 21h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2c0-1.1-.9-2-2-2h-6.31l.95-4.57l.03-.32c0-.41-.17-.79-.44-1.06L14.17 1L7.58 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2zM9 9l4.34-4.34L12 10h9v2l-3 7H9V9zM1 9h4v12H1z" fill="currentColor"></path></svg></i><span data-v-187a4ed3="" class="upvote-count">0</span></div><!----><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57l-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm0 12l-4.34 4.34L12 14H3v-2l3-7h9v10zm4-12h4v12h-4z" fill="currentColor"></path></svg></i></div><!----><!----></div></div></div></div><div data-v-187a4ed3="" data-v-36dac8c8="" class="reply-item"><div data-v-187a4ed3="" class="header-wrap"><div data-v-187a4ed3="" class="username"><a data-v-187a4ed3="" href="#/u?s=alimy" class="user-link">alimy</a><span data-v-187a4ed3="" class="reply-name">:</span><!----></div><div data-v-187a4ed3="" class="timestamp">上海市 <!----></div></div><div data-v-187a4ed3="" class="base-wrap"><div data-v-187a4ed3="" class="content"><span data-v-187a4ed3="" class="n-ellipsis n-ellipsis--line-clamp n-ellipsis--cursor-pointer" style="-webkit-line-clamp: 5;">- 这让我想到一个段子，长相普通甚至有点丑的女生，走在昏暗的大街上，也是非常安全的，有时候丑也是一种安全保障，很奇特是吧，但从某种角度来说，是说的通的～</span></div><div data-v-187a4ed3="" class="reply-switch"><span data-v-187a4ed3="" class="time-item">2023-07-07 03:01</span><div data-v-187a4ed3="" class="actions"><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M9 21h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2c0-1.1-.9-2-2-2h-6.31l.95-4.57l.03-.32c0-.41-.17-.79-.44-1.06L14.17 1L7.58 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2zM9 9l4.34-4.34L12 10h9v2l-3 7H9V9zM1 9h4v12H1z" fill="currentColor"></path></svg></i><span data-v-187a4ed3="" class="upvote-count">0</span></div><!----><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57l-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm0 12l-4.34 4.34L12 14H3v-2l3-7h9v10zm4-12h4v12h-4z" fill="currentColor"></path></svg></i></div><!----><!----></div></div></div></div><div data-v-187a4ed3="" data-v-36dac8c8="" class="reply-item"><div data-v-187a4ed3="" class="header-wrap"><div data-v-187a4ed3="" class="username"><a data-v-187a4ed3="" href="#/u?s=alimy" class="user-link">alimy</a><span data-v-187a4ed3="" class="reply-name">:</span><!----></div><div data-v-187a4ed3="" class="timestamp">上海市 <!----></div></div><div data-v-187a4ed3="" class="base-wrap"><div data-v-187a4ed3="" class="content"><span data-v-187a4ed3="" class="n-ellipsis n-ellipsis--line-clamp n-ellipsis--cursor-pointer" style="-webkit-line-clamp: 5;">- 接上面👆 反过来说，漂亮美丽，有的时候在某些场景下是优势，在另外一些场景，就可能是危机本身的来源(因为漂亮所以容易被惦记啥的)，所以深入想想看，漂亮也是一种负担哦，至少有些情况是这样的～</span></div><div data-v-187a4ed3="" class="reply-switch"><span data-v-187a4ed3="" class="time-item">2023-07-07 03:04</span><div data-v-187a4ed3="" class="actions"><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M9 21h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2c0-1.1-.9-2-2-2h-6.31l.95-4.57l.03-.32c0-.41-.17-.79-.44-1.06L14.17 1L7.58 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2zM9 9l4.34-4.34L12 10h9v2l-3 7H9V9zM1 9h4v12H1z" fill="currentColor"></path></svg></i><span data-v-187a4ed3="" class="upvote-count">0</span></div><!----><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57l-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm0 12l-4.34 4.34L12 14H3v-2l3-7h9v10zm4-12h4v12h-4z" fill="currentColor"></path></svg></i></div><!----><!----></div></div></div></div><div data-v-187a4ed3="" data-v-36dac8c8="" class="reply-item"><div data-v-187a4ed3="" class="header-wrap"><div data-v-187a4ed3="" class="username"><a data-v-187a4ed3="" href="#/u?s=alimy" class="user-link">alimy</a><span data-v-187a4ed3="" class="reply-name">:</span><!----></div><div data-v-187a4ed3="" class="timestamp">上海市 <!----></div></div><div data-v-187a4ed3="" class="base-wrap"><div data-v-187a4ed3="" class="content"><span data-v-187a4ed3="" class="n-ellipsis n-ellipsis--line-clamp n-ellipsis--cursor-pointer" style="-webkit-line-clamp: 5;">- 回到我们的端密聊天，端密聊天其实本身就是那一小撮小众群体的刚需，大众群体对这玩意，真不是特别在意，除非～你让这些人有感觉自己非常非常重要～</span></div><div data-v-187a4ed3="" class="reply-switch"><span data-v-187a4ed3="" class="time-item">2023-07-07 03:07</span><div data-v-187a4ed3="" class="actions"><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M9 21h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2c0-1.1-.9-2-2-2h-6.31l.95-4.57l.03-.32c0-.41-.17-.79-.44-1.06L14.17 1L7.58 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2zM9 9l4.34-4.34L12 10h9v2l-3 7H9V9zM1 9h4v12H1z" fill="currentColor"></path></svg></i><span data-v-187a4ed3="" class="upvote-count">0</span></div><!----><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57l-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm0 12l-4.34 4.34L12 14H3v-2l3-7h9v10zm4-12h4v12h-4z" fill="currentColor"></path></svg></i></div><!----><!----></div></div></div></div><div data-v-187a4ed3="" data-v-36dac8c8="" class="reply-item"><div data-v-187a4ed3="" class="header-wrap"><div data-v-187a4ed3="" class="username"><a data-v-187a4ed3="" href="#/u?s=alimy" class="user-link">alimy</a><span data-v-187a4ed3="" class="reply-name">:</span><!----></div><div data-v-187a4ed3="" class="timestamp">上海市 <!----></div></div><div data-v-187a4ed3="" class="base-wrap"><div data-v-187a4ed3="" class="content"><span data-v-187a4ed3="" class="n-ellipsis n-ellipsis--line-clamp n-ellipsis--cursor-pointer" style="-webkit-line-clamp: 5;">- 闲的没事瞎琢磨哈，以上纯属个人观点，老铁们当笑话看就OK了，不要太在意哈🤣～</span></div><div data-v-187a4ed3="" class="reply-switch"><span data-v-187a4ed3="" class="time-item">2023-07-07 03:09</span><div data-v-187a4ed3="" class="actions"><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M9 21h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2c0-1.1-.9-2-2-2h-6.31l.95-4.57l.03-.32c0-.41-.17-.79-.44-1.06L14.17 1L7.58 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2zM9 9l4.34-4.34L12 10h9v2l-3 7H9V9zM1 9h4v12H1z" fill="currentColor"></path></svg></i><span data-v-187a4ed3="" class="upvote-count">0</span></div><!----><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57l-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm0 12l-4.34 4.34L12 14H3v-2l3-7h9v10zm4-12h4v12h-4z" fill="currentColor"></path></svg></i></div><!----><!----></div></div></div></div><div data-v-187a4ed3="" data-v-36dac8c8="" class="reply-item"><div data-v-187a4ed3="" class="header-wrap"><div data-v-187a4ed3="" class="username"><a data-v-187a4ed3="" href="#/u?s=henryspace" class="user-link">henryspace</a><span data-v-187a4ed3="" class="reply-name">:</span><!----></div><div data-v-187a4ed3="" class="timestamp">浙江省杭州市 <!----></div></div><div data-v-187a4ed3="" class="base-wrap"><div data-v-187a4ed3="" class="content"><span data-v-187a4ed3="" class="n-ellipsis n-ellipsis--line-clamp n-ellipsis--cursor-pointer" style="-webkit-line-clamp: 5;">单从技术角度来讲，聊天软件本来就应该不受监管，谁也不希望自己信息能被第三方摊开来看</span></div><div data-v-187a4ed3="" class="reply-switch"><span data-v-187a4ed3="" class="time-item">2023-07-07 09:06</span><div data-v-187a4ed3="" class="actions"><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M9 21h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2c0-1.1-.9-2-2-2h-6.31l.95-4.57l.03-.32c0-.41-.17-.79-.44-1.06L14.17 1L7.58 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2zM9 9l4.34-4.34L12 10h9v2l-3 7H9V9zM1 9h4v12H1z" fill="currentColor"></path></svg></i><span data-v-187a4ed3="" class="upvote-count">1</span></div><!----><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57l-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm0 12l-4.34 4.34L12 14H3v-2l3-7h9v10zm4-12h4v12h-4z" fill="currentColor"></path></svg></i></div><!----><!----></div></div></div></div><div data-v-187a4ed3="" data-v-36dac8c8="" class="reply-item"><div data-v-187a4ed3="" class="header-wrap"><div data-v-187a4ed3="" class="username"><a data-v-187a4ed3="" href="#/u?s=henryspace" class="user-link">henryspace</a><span data-v-187a4ed3="" class="reply-name">:</span><!----></div><div data-v-187a4ed3="" class="timestamp">浙江省杭州市 <!----></div></div><div data-v-187a4ed3="" class="base-wrap"><div data-v-187a4ed3="" class="content"><span data-v-187a4ed3="" class="n-ellipsis n-ellipsis--line-clamp n-ellipsis--cursor-pointer" style="-webkit-line-clamp: 5;">而社会意识又要求为了群体利益而放弃掉一部分个体利益，所以适合群体的总能大行其道</span></div><div data-v-187a4ed3="" class="reply-switch"><span data-v-187a4ed3="" class="time-item">2023-07-07 09:08</span><div data-v-187a4ed3="" class="actions"><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M9 21h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2c0-1.1-.9-2-2-2h-6.31l.95-4.57l.03-.32c0-.41-.17-.79-.44-1.06L14.17 1L7.58 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2zM9 9l4.34-4.34L12 10h9v2l-3 7H9V9zM1 9h4v12H1z" fill="currentColor"></path></svg></i><span data-v-187a4ed3="" class="upvote-count">0</span></div><!----><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57l-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm0 12l-4.34 4.34L12 14H3v-2l3-7h9v10zm4-12h4v12h-4z" fill="currentColor"></path></svg></i></div><!----><!----></div></div></div></div><div data-v-187a4ed3="" data-v-36dac8c8="" class="reply-item"><div data-v-187a4ed3="" class="header-wrap"><div data-v-187a4ed3="" class="username"><a data-v-187a4ed3="" href="#/u?s=henryspace" class="user-link">henryspace</a><span data-v-187a4ed3="" class="reply-name">:</span><!----></div><div data-v-187a4ed3="" class="timestamp">浙江省杭州市 <!----></div></div><div data-v-187a4ed3="" class="base-wrap"><div data-v-187a4ed3="" class="content"><span data-v-187a4ed3="" class="n-ellipsis n-ellipsis--line-clamp n-ellipsis--cursor-pointer" style="-webkit-line-clamp: 5;">不过我发现这个软件在00后里倒是很受欢迎╮(╯▽╰)╭</span></div><div data-v-187a4ed3="" class="reply-switch"><span data-v-187a4ed3="" class="time-item">2023-07-07 09:09</span><div data-v-187a4ed3="" class="actions"><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M9 21h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2c0-1.1-.9-2-2-2h-6.31l.95-4.57l.03-.32c0-.41-.17-.79-.44-1.06L14.17 1L7.58 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2zM9 9l4.34-4.34L12 10h9v2l-3 7H9V9zM1 9h4v12H1z" fill="currentColor"></path></svg></i><span data-v-187a4ed3="" class="upvote-count">0</span></div><!----><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57l-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm0 12l-4.34 4.34L12 14H3v-2l3-7h9v10zm4-12h4v12h-4z" fill="currentColor"></path></svg></i></div><!----><!----></div></div></div></div><div data-v-187a4ed3="" data-v-36dac8c8="" class="reply-item"><div data-v-187a4ed3="" class="header-wrap"><div data-v-187a4ed3="" class="username"><a data-v-187a4ed3="" href="#/u?s=yanjun" class="user-link">yanjun</a><span data-v-187a4ed3="" class="reply-name">回复</span><a data-v-187a4ed3="" href="#/u?s=alimy" class="user-link">alimy</a></div><div data-v-187a4ed3="" class="timestamp">广东省深圳市 <!----></div></div><div data-v-187a4ed3="" class="base-wrap"><div data-v-187a4ed3="" class="content"><span data-v-187a4ed3="" class="n-ellipsis n-ellipsis--line-clamp n-ellipsis--cursor-pointer" style="-webkit-line-clamp: 5;">主要是不赚钱</span></div><div data-v-187a4ed3="" class="reply-switch"><span data-v-187a4ed3="" class="time-item">2023-12-13 01:04</span><div data-v-187a4ed3="" class="actions"><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M9 21h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2c0-1.1-.9-2-2-2h-6.31l.95-4.57l.03-.32c0-.41-.17-.79-.44-1.06L14.17 1L7.58 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2zM9 9l4.34-4.34L12 10h9v2l-3 7H9V9zM1 9h4v12H1z" fill="currentColor"></path></svg></i><span data-v-187a4ed3="" class="upvote-count">1</span></div><!----><div data-v-187a4ed3="" class="action-item"><i data-v-187a4ed3="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-187a4ed3="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57l-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm0 12l-4.34 4.34L12 14H3v-2l3-7h9v10zm4-12h4v12h-4z" fill="currentColor"></path></svg></i></div><!----><!----></div></div></div></div></div></div><!----></div></div></div></div><!----><div class="n-list-item__divider"></div></li><li data-v-0d01659f="" class="n-list-item"><!----><div class="n-list-item__main"><div data-v-36dac8c8="" data-v-0d01659f="" class="comment-item"><div data-v-36dac8c8="" class="n-thing" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-font-size: 14px; --n-text-color: rgb(51, 54, 57); --n-title-font-weight: 500; --n-title-text-color: rgb(31, 34, 37);"><div class="n-thing-avatar"><span data-v-36dac8c8="" class="n-avatar" style="--n-font-size: 14px; --n-border: none; --n-border-radius: 50%; --n-color: rgba(204, 204, 204, 1); --n-color-modal: rgba(204, 204, 204, 1); --n-color-popover: rgba(204, 204, 204, 1); --n-bezier: cubic-bezier(.4, 0, .2, 1); --n-merged-size: var(--n-avatar-size-override, 30px);"><img loading="eager" src="https://cdn.paopao.info/public/avatar/default/harold.png" data-image-src="https://cdn.paopao.info/public/avatar/default/harold.png"><!----></span></div><div class="n-thing-main"><div class="n-thing-header"><div class="n-thing-header__title"><span data-v-36dac8c8="" class="nickname-wrap"><a data-v-36dac8c8="" href="#/u?s=yanjun" class="username-link">yanjun</a></span><span data-v-36dac8c8="" class="username-wrap"> @yanjun</span></div><div class="n-thing-header__extra"><div data-v-36dac8c8="" class="opt-wrap"><span data-v-36dac8c8="" class="timestamp">广东省深圳市</span><!----></div></div></div><div class="n-thing-main__description"><span data-v-36dac8c8="" class="comment-text">新的练手项目get</span></div><!----><div class="n-thing-main__footer"><!----><div data-v-f9af7a93="" data-v-36dac8c8="" class="reply-compose-wrap"><div data-v-f9af7a93="" class="reply-switch"><span data-v-f9af7a93="" class="time-item">2023-12-13 01:02</span><div data-v-f9af7a93="" class="actions"><div data-v-f9af7a93="" class="action-item"><i data-v-f9af7a93="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-f9af7a93="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M9 21h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2c0-1.1-.9-2-2-2h-6.31l.95-4.57l.03-.32c0-.41-.17-.79-.44-1.06L14.17 1L7.58 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2zM9 9l4.34-4.34L12 10h9v2l-3 7H9V9zM1 9h4v12H1z" fill="currentColor"></path></svg></i><span data-v-f9af7a93="" class="upvote-count">0</span></div><!----><div data-v-f9af7a93="" class="action-item"><i data-v-f9af7a93="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); font-size: medium;"><svg data-v-f9af7a93="" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24"><path d="M15 3H6c-.83 0-1.54.5-1.84 1.22l-3.02 7.05c-.09.23-.14.47-.14.73v2c0 1.1.9 2 2 2h6.31l-.95 4.57l-.03.32c0 .41.17.79.44 1.06L9.83 23l6.59-6.59c.36-.36.58-.86.58-1.41V5c0-1.1-.9-2-2-2zm0 12l-4.34 4.34L12 14H3v-2l3-7h9v10zm4-12h4v12h-4z" fill="currentColor"></path></svg></i></div><!----><!----><!----></div></div><!----></div><div data-v-36dac8c8="" class="reply-wrap"></div></div><!----></div></div></div></div><!----><div class="n-list-item__divider"></div></li></div></div><!----><!----></ul></div></div><div data-v-f4a84024="" class="rightbar-wrap"><div data-v-f4a84024="" class="search-wrap"><div data-v-f4a84024="" class="n-input n-input--resizable n-input--round n-input--stateful" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-count-text-color: rgb(118, 124, 130); --n-count-text-color-disabled: rgba(194, 194, 194, 1); --n-color: rgba(255, 255, 255, 1); --n-font-size: 14px; --n-border-radius: 3px; --n-height: 34px; --n-padding-left: 12px; --n-padding-right: 12px; --n-text-color: rgb(51, 54, 57); --n-caret-color: #18a058; --n-text-decoration-color: rgb(51, 54, 57); --n-border: 1px solid rgb(224, 224, 230); --n-border-disabled: 1px solid rgb(224, 224, 230); --n-border-hover: 1px solid #36ad6a; --n-border-focus: 1px solid #36ad6a; --n-placeholder-color: rgba(194, 194, 194, 1); --n-placeholder-color-disabled: rgba(209, 209, 209, 1); --n-icon-size: 16px; --n-line-height-textarea: 1.6; --n-color-disabled: rgb(250, 250, 252); --n-color-focus: rgba(255, 255, 255, 1); --n-text-color-disabled: rgba(194, 194, 194, 1); --n-box-shadow-focus: 0 0 0 2px rgba(24, 160, 88, 0.2); --n-loading-color: #18a058; --n-caret-color-warning: #f0a020; --n-color-focus-warning: rgba(255, 255, 255, 1); --n-box-shadow-focus-warning: 0 0 0 2px rgba(240, 160, 32, 0.2); --n-border-warning: 1px solid #f0a020; --n-border-focus-warning: 1px solid #fcb040; --n-border-hover-warning: 1px solid #fcb040; --n-loading-color-warning: #f0a020; --n-caret-color-error: #d03050; --n-color-focus-error: rgba(255, 255, 255, 1); --n-box-shadow-focus-error: 0 0 0 2px rgba(208, 48, 80, 0.2); --n-border-error: 1px solid #d03050; --n-border-focus-error: 1px solid #de576d; --n-border-hover-error: 1px solid #de576d; --n-loading-color-error: #d03050; --n-clear-color: rgba(194, 194, 194, 1); --n-clear-size: 16px; --n-clear-color-hover: rgba(146, 146, 146, 1); --n-clear-color-pressed: rgba(175, 175, 175, 1); --n-icon-color: rgba(194, 194, 194, 1); --n-icon-color-hover: rgba(146, 146, 146, 1); --n-icon-color-pressed: rgba(175, 175, 175, 1); --n-icon-color-disabled: rgba(209, 209, 209, 1); --n-suffix-text-color: rgb(51, 54, 57);"><div class="n-input-wrapper"><div class="n-input__prefix"><i data-v-f4a84024="" role="img" class="n-icon" style="--n-bezier: cubic-bezier(.4, 0, .2, 1);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"><path d="M456.69 421.39L362.6 327.3a173.81 173.81 0 0 0 34.84-104.58C397.44 126.38 319.06 48 222.72 48S48 126.38 48 222.72s78.38 174.72 174.72 174.72A173.81 173.81 0 0 0 327.3 362.6l94.09 94.09a25 25 0 0 0 35.3-35.3zM97.92 222.72a124.8 124.8 0 1 1 124.8 124.8a124.95 124.95 0 0 1-124.8-124.8z" fill="currentColor"></path></svg></i></div><div class="n-input__input"><input type="text" class="n-input__input-el" placeholder="搜一搜..." size="20"><div class="n-input__placeholder"><span>搜一搜...</span></div><!----></div><div class="n-input__suffix"><div class="n-base-clear"><div class="n-base-clear__placeholder"><!----></div></div><!----><!----><!----><!----><!----></div></div><!----><!----><div class="n-input__border"></div><div class="n-input__state-border"></div><!----></div></div><!----><div data-v-f4a84024="" class="n-card n-card--embedded hottopic-wrap" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-border-radius: 3px; --n-color: #fff; --n-color-modal: #fff; --n-color-popover: #fff; --n-color-embedded: rgb(250, 250, 252); --n-color-embedded-modal: rgb(250, 250, 252); --n-color-embedded-popover: rgb(250, 250, 252); --n-color-target: #18a058; --n-text-color: rgb(51, 54, 57); --n-line-height: 1.6; --n-action-color: rgb(250, 250, 252); --n-title-text-color: rgb(31, 34, 37); --n-title-font-weight: 500; --n-close-icon-color: rgba(102, 102, 102, 1); --n-close-icon-color-hover: rgba(102, 102, 102, 1); --n-close-icon-color-pressed: rgba(102, 102, 102, 1); --n-close-color-hover: rgba(0, 0, 0, .09); --n-close-color-pressed: rgba(0, 0, 0, .13); --n-border-color: rgb(239, 239, 245); --n-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, .08), 0 3px 6px 0 rgba(0, 0, 0, .06), 0 5px 12px 4px rgba(0, 0, 0, .04); --n-padding-top: 12px; --n-padding-bottom: 12px; --n-padding-left: 16px; --n-font-size: 14px; --n-title-font-size: 16px; --n-close-size: 22px; --n-close-icon-size: 18px; --n-close-border-radius: 3px;"><!----><div class="n-card-header"><div class="n-card-header__main" role="heading">热门话题</div><!----><!----></div><div class="n-card__content" role="none"><div data-v-f4a84024="" class="n-spin-container" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-opacity-spinning: 0.5; --n-size: 34px; --n-color: #18a058; --n-text-color: #18a058;"><div class="n-spin-content"><div data-v-f4a84024="" class="hot-tag-item"><a data-v-f4a84024="" href="#/?q=%E5%8C%BA%E5%9D%97%E9%93%BE&amp;t=tag" class="hash-link"> #区块链</a><div data-v-f4a84024="" class="post-num">16.0k</div></div><div data-v-f4a84024="" class="hot-tag-item"><a data-v-f4a84024="" href="#/?q=%E6%AF%94%E7%89%B9%E5%B8%81&amp;t=tag" class="hash-link"> #比特币</a><div data-v-f4a84024="" class="post-num">15.6k</div></div><div data-v-f4a84024="" class="hot-tag-item"><a data-v-f4a84024="" href="#/?q=%E6%95%B0%E5%AD%97%E8%B4%A7%E5%B8%81&amp;t=tag" class="hash-link"> #数字货币</a><div data-v-f4a84024="" class="post-num">15.4k</div></div><div data-v-f4a84024="" class="hot-tag-item"><a data-v-f4a84024="" href="#/?q=Crypto&amp;t=tag" class="hash-link"> #Crypto</a><div data-v-f4a84024="" class="post-num">2.2k</div></div><div data-v-f4a84024="" class="hot-tag-item"><a data-v-f4a84024="" href="#/?q=nft&amp;t=tag" class="hash-link"> #nft</a><div data-v-f4a84024="" class="post-num">1.7k</div></div><div data-v-f4a84024="" class="hot-tag-item"><a data-v-f4a84024="" href="#/?q=Bitcoin&amp;t=tag" class="hash-link"> #Bitcoin</a><div data-v-f4a84024="" class="post-num">1.4k</div></div><div data-v-f4a84024="" class="hot-tag-item"><a data-v-f4a84024="" href="#/?q=%E5%85%83%E5%AE%87%E5%AE%99&amp;t=tag" class="hash-link"> #元宇宙</a><div data-v-f4a84024="" class="post-num">784</div></div><div data-v-f4a84024="" class="hot-tag-item"><a data-v-f4a84024="" href="#/?q=Ethereum&amp;t=tag" class="hash-link"> #Ethereum</a><div data-v-f4a84024="" class="post-num">612</div></div><div data-v-f4a84024="" class="hot-tag-item"><a data-v-f4a84024="" href="#/?q=UI%E8%AE%BE%E8%AE%A1&amp;t=tag" class="hash-link"> #UI设计</a><div data-v-f4a84024="" class="post-num">531</div></div><div data-v-f4a84024="" class="hot-tag-item"><a data-v-f4a84024="" href="#/?q=%E7%B4%A0%E6%9D%90&amp;t=tag" class="hash-link"> #素材</a><div data-v-f4a84024="" class="post-num">530</div></div><div data-v-f4a84024="" class="hot-tag-item"><a data-v-f4a84024="" href="#/?q=DeFi&amp;t=tag" class="hash-link"> #DeFi</a><div data-v-f4a84024="" class="post-num">497</div></div><div data-v-f4a84024="" class="hot-tag-item"><a data-v-f4a84024="" href="#/?q=BTC&amp;t=tag" class="hash-link"> #BTC</a><div data-v-f4a84024="" class="post-num">455</div></div></div><!----></div></div><!----><!----></div><div data-v-f4a84024="" class="n-card n-card--embedded copyright-wrap" style="--n-bezier: cubic-bezier(.4, 0, .2, 1); --n-border-radius: 3px; --n-color: #fff; --n-color-modal: #fff; --n-color-popover: #fff; --n-color-embedded: rgb(250, 250, 252); --n-color-embedded-modal: rgb(250, 250, 252); --n-color-embedded-popover: rgb(250, 250, 252); --n-color-target: #18a058; --n-text-color: rgb(51, 54, 57); --n-line-height: 1.6; --n-action-color: rgb(250, 250, 252); --n-title-text-color: rgb(31, 34, 37); --n-title-font-weight: 500; --n-close-icon-color: rgba(102, 102, 102, 1); --n-close-icon-color-hover: rgba(102, 102, 102, 1); --n-close-icon-color-pressed: rgba(102, 102, 102, 1); --n-close-color-hover: rgba(0, 0, 0, .09); --n-close-color-pressed: rgba(0, 0, 0, .13); --n-border-color: rgb(239, 239, 245); --n-box-shadow: 0 1px 2px -2px rgba(0, 0, 0, .08), 0 3px 6px 0 rgba(0, 0, 0, .06), 0 5px 12px 4px rgba(0, 0, 0, .04); --n-padding-top: 12px; --n-padding-bottom: 12px; --n-padding-left: 16px; --n-font-size: 14px; --n-title-font-size: 16px; --n-close-size: 22px; --n-close-icon-size: 18px; --n-close-border-radius: 3px;"><!----><!----><div class="n-card__content" role="none"><div data-v-f4a84024="" class="copyright">© 2023 PaoPao.info (v0.4.0)</div><div data-v-f4a84024=""><div data-v-f4a84024="" role="none" class="n-space" style="display: flex; flex-flow: wrap; justify-content: flex-start; gap: 8px 12px;"><div role="none" style="max-width: 100%;"><a data-v-f4a84024="" href="https://beian.miit.gov.cn/" target="_blank" class="hash-link">沪ICP备2020036525号-5</a></div><div role="none" style="max-width: 100%;"><a data-v-f4a84024="" href="https://github.com/rocboss/paopao-ce" target="_blank" class="hash-link">Github</a></div></div></div></div><!----><!----></div></div></div><!----></div><!----><!----></div></div>
  
  <script>
    var global = global || window;
    window.addEventListener("load", () => {
      if ("serviceWorker" in navigator) {
        navigator.serviceWorker.register("/sw.js");
      }
    });
  </script>


</body>